Run Prettier!

components/bank/landing.js

@@ -115,7 +115,14 @@ export default function Landing({ showButton, eventsCount }) {
           </Box>
           <ScrollHint />
         </Box>
-        <Box sx={{ position: 'absolute', bottom: 3, right: 2, display: ["none", "block"] }}>
+        <Box
+          sx={{
+            position: 'absolute',
+            bottom: 3,
+            right: 2,
+            display: ['none', 'block']
+          }}
+        >
           <Badge
             variant="pill"
             sx={{

components/index/cards/button.js

@@ -27,7 +27,7 @@ export default function Buttons({
         data-effect="solid"
         data-tip
         sx={{
-          background: primary || (overrideColor || 'rgb(255, 255, 255, 0.3)'),
+          background: primary || overrideColor || 'rgb(255, 255, 255, 0.3)',
           borderRadius: '100px',
           border: 'none',
           display: 'flex',

components/index/cards/haxidraw.js

@@ -20,20 +20,20 @@ export default function Haxidraw() {
       highlight="#271932"
       filter="brightness(0.8)"
     >
-    <Text variant="title" as="h3" sx={{ fontSize: ['36px', 4, 5] }}>
+      <Text variant="title" as="h3" sx={{ fontSize: ['36px', 4, 5] }}>
-     Haxidraw
+        Haxidraw
-    </Text>
+      </Text>
       <Grid columns={[1, 2]}>
         <Box>
-        <Text
+          <Text
             as="p"
             variant="subtitle"
             sx={{ zIndex: 2, position: 'relative' }}
           >
             Haxidraw is a W.I.P. open source drawing machine and online editor,
-            designed to be a fun and beginner friendly
+            designed to be a fun and beginner friendly introduction to digital
-            introduction to digital fabrication and generative art.
+            fabrication and generative art.
-        </Text>
+          </Text>
         </Box>
         <Box>
           <Flex sx={{ flexDirection: 'column', mt: [3, 3, 4] }}>
@@ -69,4 +69,4 @@ export default function Haxidraw() {
       </Grid>
     </CardModel>
   )
-}
+}

components/index/cards/slack.js

@@ -113,7 +113,12 @@ export default function Slack({ data, slackKey, events }) {
           <Buttons id="13" link="/slack" icon="slack" primary="purple">
             Join our Slack
           </Buttons>
-          <Grid sx={{ zIndex: 2, display: data?.chats_channels_count_1d > 0 ? 'block' : 'none' }}>
+          <Grid
+            sx={{
+              zIndex: 2,
+              display: data?.chats_channels_count_1d > 0 ? 'block' : 'none'
+            }}
+          >
             <Box
               sx={{
                 background: 'rgb(0,0,0,0.6)',

components/nav.js

@@ -74,7 +74,7 @@ const hoverColor = name =>
     slate: 'black',
     black: 'slate',
     primary: 'error'
-  }[name] || 'black')
+  })[name] || 'black'
 
 const slide = keyframes({
   from: { transform: 'translateY(-25%)', opacity: 0 },

components/slack/join-form.js

@@ -19,7 +19,11 @@ const JoinForm = ({ sx = {} }) => {
     clearOnSubmit: 5000,
     method: 'POST',
     initData: router.query.continent
-      ? { continent: router.query.continent, reason: router.query.reason, event: router.query.event }
+      ? {
+          continent: router.query.continent,
+          reason: router.query.reason,
+          event: router.query.event
+        }
       : { reason: router.query.reason, event: router.query.event }
   })
 
@@ -28,7 +32,6 @@ const JoinForm = ({ sx = {} }) => {
   const useWaitlist = process.env.NEXT_PUBLIC_OPEN !== 'true'
 
   return (
-
     <Card sx={{ maxWidth: 'narrow', mx: 'auto', label: { mb: 3 }, ...sx }}>
       <form {...formProps}>
         {eventReferrer && (
@@ -42,21 +45,17 @@ const JoinForm = ({ sx = {} }) => {
               textAlign: 'center'
             }}
           >
-            <Text variant='headline' sx={{ fontSize: 3 }}>
+            <Text variant="headline" sx={{ fontSize: 3 }}>
-              {eventReferrer === "onboard" ? (
+              {eventReferrer === 'onboard'
-                  "We can't wait to see your PCB!"
+                ? "We can't wait to see your PCB!"
-              ): (
+                : `We can't wait to see you at ${eventReferrer}!`}
-                  `We can't wait to see you at ${eventReferrer}!`
-                )}
             </Text>
 
-
             <br />
-            <Text variant='subtitle' sx={{ fontSize: 2 }}>
+            <Text variant="subtitle" sx={{ fontSize: 2 }}>
               <i> In the meantime, we'll be hanging around in the Slack </i>
             </Text>
           </Box>
-
         )}
         <Grid columns={[1, 2]} gap={1} sx={{ columnGap: 2 }}>
           <Label>
@@ -112,7 +111,6 @@ const JoinForm = ({ sx = {} }) => {
               <option value="tertiary">Tertiary Education (18+)</option>
             </Select>
           </Label>
-
         </Grid>
         <Label>
           Why do you want to join the Hack Club Slack?

lib/carousel.json

@@ -79,7 +79,7 @@
     "description": "Join 1k teens designing PCBs, learning hardware, and building electronics",
     "img": "https://cloud-jrox24mrn.vercel.app/orpheus_leap_micro_final.png",
     "link": "/onboard"
-  }, 
+  },
   {
     "background": "dark",
     "titleColor": "blue",

pages/api/bank/apply.js

@@ -57,7 +57,9 @@ export default async function handler(req, res) {
       })
       .catch(error => {
         console.log(error)
-        res.writeHead(500, { Location: `/bank/apply?step=3&airtable-error=${error}`})
+        res.writeHead(500, {
+          Location: `/bank/apply?step=3&airtable-error=${error}`
+        })
       })
   } else {
     res.status(405).json({ status: 'error', error: 'Must send POST request' })

pages/index.js

@@ -753,7 +753,7 @@ function Page({
                 gameImage={gameImage}
                 gameImage1={gameImage1}
               />
-              <Haxidraw/>
+              <Haxidraw />
               <Sinerider delay={200} stars={stars.sinerider.stargazerCount} />
               <Box as="section" id="sprig">
                 <SprigConsole

pages/team.js

@@ -93,7 +93,6 @@ export default function Team() {
                     name="Christina Asquith"
                     teamRole="Co-founder and COO"
                     text="With more than a decade of experience in starting and leading organizations, Christina has built global teams and raised millions of dollars. She has 20 years experience as a journalist, including reporting for The New York Times from Iraq. She has an MA in education, and taught as a public school teacher in 2000, which inspired her book “The Emergency Teacher.”"
-                     
                   />
                 </Grid>
                 <Grid columns={[1, null, 3]} gap={2}>