From 369e113ec5a397c73a8b1561c700e8169e7a35ea Mon Sep 17 00:00:00 2001
From: edward sharp <edward@edwardsharp.net>
Date: Fri, 16 Feb 2024 17:13:54 -0500
Subject: [PATCH] stub out new nyc event at Reaktor (#125)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* stub out new nyc event at Reaktor

* add Reaktor address

* add Reaktor as sponsor

* don't mutate existing new-york.yaml :feelsgood:

* Update new-york-2024.yaml

* add githubLink

* speakers: -> organizers: :sunglasses:

* no mc:

* no talk:

* back to speakers: 🗣️

* fix organizers, idk what that was

* add humanHref to handle github or twitter links (tho twitter is always null?)

---------

Co-authored-by: Sara Vieira <hey@iamsaravieira.com>
---
 data/icons/ny/reaktor.svg          |  9 +++++++++
 data/new-york-2024.yaml            | 32 ++++++++++++++++++++++++++++++
 src/components/Organizers/index.js | 13 ++++++++++--
 src/pages/_main.js                 | 11 ++++++----
 src/templates/city.js              |  2 +-
 5 files changed, 60 insertions(+), 7 deletions(-)
 create mode 100644 data/icons/ny/reaktor.svg
 create mode 100644 data/new-york-2024.yaml

diff --git a/data/icons/ny/reaktor.svg b/data/icons/ny/reaktor.svg
new file mode 100644
index 0000000..11c174c
--- /dev/null
+++ b/data/icons/ny/reaktor.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.16 132.35">
+  <g id="a"/>
+  <g id="b">
+    <path d="M66.25,77.96c13.39-6.6,22.46-18.09,22.46-36.53C88.71,17.6,67.49,0,44.51,0h-4.32V18.39H0v113.96H25.07v-41.02h20.44l24.26,40.96h28.39l-31.91-54.32Zm-22.67-18.78h-3.4v9.34h-15.11v-25.24h15.12V26.05h3.4c12.42,0,20.08,7.77,20.08,16.61s-7.68,16.53-20.1,16.53h.02Z"/>
+  </g>
+  <g id="c"/>
+  <g id="d"/>
+</svg>
\ No newline at end of file
diff --git a/data/new-york-2024.yaml b/data/new-york-2024.yaml
new file mode 100644
index 0000000..ac77238
--- /dev/null
+++ b/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
diff --git a/src/components/Organizers/index.js b/src/components/Organizers/index.js
index 265dfa4..e765951 100644
--- a/src/components/Organizers/index.js
+++ b/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}
diff --git a/src/pages/_main.js b/src/pages/_main.js
index bc6c345..536eb9b 100644
--- a/src/pages/_main.js
+++ b/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>
diff --git a/src/templates/city.js b/src/templates/city.js
index 2670cd3..9d17c34 100644
--- a/src/templates/city.js
+++ b/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 {