fix warnings

Author: SaraVieira

data/sf.yaml

@@ -29,6 +29,7 @@ speakers:
     twitterLink: AlxSavage
   - name: Stephanie Winn
     twitterLink: steph_happens
+    talk: Out of the closet- Building a virtual closet
   - mc: true
     name: Sara Vieira
     twitterLink: NikkitaFTW
@@ -38,5 +39,6 @@ speakers:
     twitterLink: radhikamorabia
   - name: Lily Scott
     twitterLink: suchipi
+    talk: Presenting and discovering our identities through social software
   - name: Nat Alison
     twitterLink: tesseralis

src/components/Attendees/index.js

@@ -35,7 +35,7 @@ export default ({ attendees }) => {
 
         const ghLink = `https://github.com/${cleanGhLink.trim().replace('https://github.com/', '')}`
         return (
-          <li key={a.id}>
+          <li key={a.ghLink}>
             <a href={ghLink} target="_blank" title={a.name} rel="noopener noreferrer">
               <img src={`${ghLink}.png?size=50`} alt={a.name} width="50" />
             </a>

src/components/Info/Form.js

@@ -94,7 +94,12 @@ export default ({ onSubmit, city }) => {
         </label>
       )}
 
-      <Button>I AM IN 🎉</Button>
+      <Button>
+        I AM IN{' '}
+        <span role="img" aria-label="Party">
+          🎉
+        </span>
+      </Button>
     </Form>
   )
 }

src/components/Info/index.js

@@ -17,8 +17,6 @@ export default ({ site, city, info, attendeesNumber }) => {
     info.rsvpsClosed ||
     isPast(parse(info.date))
 
-  console.log(attendeesNumber >= info.maxCapacity, info.rsvpsClosed || isPast(parse(info.date)))
-
   return (
     <>
       <Info>

src/components/Speakers/index.js

@@ -18,7 +18,7 @@ const Speakers = ({ noSpeak, speakers, cfp }) => {
       {speakers.map(human => (
         <ListItem
           talk={human.talk}
-          key={human.id}
+          key={human.twitterLink}
           data-tooltip={`I'm speaking about ${human.talk}!`}
         >
           <UnstyledLink
@@ -34,7 +34,7 @@ const Speakers = ({ noSpeak, speakers, cfp }) => {
                 width="240"
                 height="240"
                 src={`https://avatars.io/twitter/${human.twitterLink}`}
-                alt={human.name}
+                alt={`${human.name} photo`}
               />
             </SpeakerPhoto>
             <Unstyled>{human.name}</Unstyled>

src/components/Sponsors.js

@@ -28,7 +28,7 @@ export default ({ sponsors }) => {
   return (
     <Grid>
       {sponsors.map(sponsor => (
-        <li>
+        <li key={sponsor.name}>
           <a target="_blank" title={sponsor.name} href={sponsor.link} rel="noopener noreferrer">
             <SponsorImage src={sponsor.media} alt={sponsor.name} />
           </a>

src/components/header/index.js

@@ -22,7 +22,7 @@ const Header = ({ siteTitle }) => (
     <Subtitle>A meetup for everyone where Queer Speakers take the stage</Subtitle>
     <NavRow>
       <LogoWrap>
-        <Logo irrelevant src={text} />
+        <Logo irrelevant alt="" src={text} />
         <RainbowWithClicker stripes={['red']}>
           <Logo src={logo} alt="Queer JS" />
         </RainbowWithClicker>

src/pages/_main.js

@@ -18,7 +18,7 @@ const Main = ({ city, attendees }) => {
         title={`QueerJS - ${info.city}`}
         description={'A meetup for everyone where Queer Speakers take the stage'}
       />
-      <main>
+      <section>
         <Heading sub="queerjs @">{info.city}</Heading>
         <Info attendeesNumber={attendees.length} site={site} info={info} city={info.link} />
         <Panel heading="What?">
@@ -29,7 +29,12 @@ const Main = ({ city, attendees }) => {
             This meetup exists to give a voice to everyone, to make a safe space where everyone is
             welcome.
           </p>
-          <p>Join us! There will be food and stickers 🌈</p>
+          <p>
+            Join us! There will be food and stickers{' '}
+            <span role="img" aria-label="Queer Rainbow">
+              🌈
+            </span>
+          </p>
         </Panel>
         <Panel heading="Speakers">
           <Speakers cfp={site.cfp} speakers={speakers.filter(s => !s.mc)} />
@@ -46,7 +51,7 @@ const Main = ({ city, attendees }) => {
         <Panel heading="Sponsors">
           <Sponsors sponsors={sponsors} />
         </Panel>
-      </main>
+      </section>
       <Panel heading="Special Thanks">
         <Thanks
           organizers={organizers}

src/pages/index.js

@@ -30,7 +30,12 @@ const IndexPage = ({ data: { allEvent } }) => {
           This meetup exists to give a voice to everyone, to make a safe space where everyone is
           welcome.
         </LargeParagraph>
-        <LargeParagraph>Join us! There will be food and stickers 🌈</LargeParagraph>
+        <LargeParagraph>
+          Join us! There will be food and stickers{' '}
+          <span role="img" aria-label="Queer Rainbow">
+            🌈
+          </span>
+        </LargeParagraph>
       </Panel>
       {futureMeetups.length ? (
         <Panel wide heading="Upcoming meetups">

src/pages/speak.js

@@ -19,7 +19,10 @@ export default () => {
         <h1 hidden>Welcome to {site.title}</h1>
         <Panel heading="Speaking at QueerJS">
           First of all, thank you for thinking about submitting a talk to an upcoming QueerJS event.
-          We're happy you're here 🌈
+          We're happy you're here{' '}
+          <span role="img" aria-label="Queer Rainbow">
+            🌈
+          </span>
         </Panel>
         <Panel heading="How do I submit a talk?">
           Click the shiny button at the bottom! That will lead you to our GitHub repo and from
@@ -66,7 +69,11 @@ export default () => {
           present, please let us know so we can adjust the schedule or coordinate with the venue.
         </Panel>
         <Panel heading="Where does QueerJS happen?">
-          We have a bunch of meetups being planned all over the globe 🌍 You can check the{' '}
+          We have a bunch of meetups being planned all over the globe{' '}
+          <span role="img" aria-label="earth">
+            🌍
+          </span>{' '}
+          You can check the{' '}
           <a
             href="https://queerjs.com/"
             title="QueerJS website"