stub out new nyc event at Reaktor

data/new-york-2024.yaml

@@ -0,0 +1,32 @@
+---
+info:
+  city: New York
+  link: new-york-2024
+  date: 04/25/2024
+  hour: '18:00'
+  icon: icons/ny/ny.svg
+  iconHover: icons/ny/ny-hover.svg
+  hostIcon: icons/ny/reaktor.svg
+  hostName: Reaktor
+  rsvpsClosed: false
+  food: true
+  maxCapacity: 50
+site:
+  city: New York
+  location: Reaktor 30 W 21st St, New York, NY 10010 (14th Floor)
+  googleMapsLink: https://maps.app.goo.gl/twih2oPd5upJ2ezF8
+  calendarLink: https://www.google.com/calendar/render?action=TEMPLATE&text=QueerJS&details=Hosted+at+Reaktor+NYC+office.+When+you+get+here%2C+tell+front+desk+staff+that+you+are+going+to+Reaktor+office+on+14th+floor%29.&location=30+W+21st+St%2C+New+York%2C+NY+10010&dates=20240425T220000Z%2F20240426T020000Z
+  cfp: true
+sponsors:
+  - name: Reaktor
+    link: https://reaktor.com
+    media: https://i.imgur.com/bmJTxU4.jpg
+organizers:
+  - name: 3dwardsharp
+    mc: true
+    githubLink: edwardsharp
+    talk: 'Reaktor && functional programming (but mostly here to help)'
+  - name: Daniel Ehrenberg
+    mc: true
+    githubLink: littledan
+    twitterLink: littledan

src/components/Organizers/index.js

@@ -11,14 +11,23 @@ import {
 
 const size = 100
 
+const humanHref = (human) => {
+  if (human.githubLink) {
+    return `https://github.com/${human.githubLink}`
+  }
+  if (human.twitterLink || human.twitterHandle) {
+    return `https://twitter.com/${human.twitterLink || human.twitterHandle}`
+  }
+}
+
 const Organizers = ({ organizers }) => {
   return (
     <OrganizersGrid size={size}>
       {organizers.map((human) => (
-        <ListItem key={human.twitterHandle}>
+        <ListItem key={human.name}>
           <UnstyledLink
             as="a"
-            href={`https://twitter.com/${human.twitterHandle}`}
+            href={humanHref(human)}
             target="_blank"
             rel="noopener noreferrer"
             title={human.name}

src/pages/_main.js

@@ -12,12 +12,14 @@ import Heading from '../components/Heading'
 import Announcement from '../components/Announcement'
 
 const Main = ({ city, attendees }) => {
-  const { site, thanks, speakers, sponsors, info, mainOrganizer, announcement } = city
+  const { site, thanks, speakers, sponsors, info, mainOrganizer, announcement, organizers } = city
   const hasHeading = !site.fullDescription
     ? {
         heading: 'What?'
       }
     : {}
+
+  const cityOrganizers = mainOrganizer || organizers
   return (
     <Layout>
       <SEO
@@ -70,9 +72,10 @@ const Main = ({ city, attendees }) => {
             <Sponsors sponsors={sponsors} />
           </Panel>
         )}
-        {mainOrganizer && mainOrganizer.length > 0 ? (
-          <Panel heading={mainOrganizer.length > 1 ? 'Organizers' : 'Organizer'}>
-            <Organizers organizers={mainOrganizer} />
+
+        {cityOrganizers?.length ? (
+          <Panel heading={cityOrganizers?.length > 1 ? 'Organizers' : 'Organizer'}>
+            <Organizers organizers={cityOrganizers} />
           </Panel>
         ) : null}
       </section>

src/templates/city.js

@@ -13,7 +13,7 @@ const City = ({ data = {} }) => {
 export default City
 
 export const query = graphql`
-  query($slug: String!) {
+  query ($slug: String!) {
     allAirtable(filter: { data: { city: { eq: $slug } } }) {
       edges {
         node {