Improve accessability field label & placeholder

Author: malted

components/bio.js

@@ -42,8 +42,8 @@ export default function Bio({ popup = true, spanTwo = false, ...props }) {
           height={64}
           mr={3}
           src={
-            img ||
-            require(`../public/team/${name.split(' ')[0].toLowerCase()}.jpg`)
+            img
+            // require(`../public/team/${name.split(' ')[0].toLowerCase()}.jpg`)
           }
           alt={name}
           sx={{

components/hcb/apply/personal-form.js

@@ -164,13 +164,13 @@ export default function PersonalInfoForm({
       <Field
         name="accommodations"
         label="Accessibility needs"
-        description="Please specify any accommodations or accessibility needs you have so we can support you during onboarding and while using HCB"
+        description="Please specify any accommodations, accessibility needs, or other important information so we can support you during onboarding and while using HCB"
         requiredFields={requiredFields}
       >
         <Input
           name="accommodations"
           id="accommodations"
-          placeholder="I need a screen reader"
+          placeholder="I use a screen reader / I need increased text size during onboarding"
           sx={{ ...AutofillColourFix }}
         />
       </Field>

pages/team.js

@@ -6,7 +6,8 @@ import Footer from '../components/footer'
 import Bio from '../components/bio'
 import ForceTheme from '../components/force-theme'
 
-export default function Team() {
+export default function Team({ team }) {
+	console.log(team.current)
   return (
     <>
       <Box as="main" key="main">
@@ -81,7 +82,17 @@ export default function Team() {
               </Text>
               <Box sx={{ flexGrow: 1 }}>
                 <Grid columns={[1, null, 2]} gap={2} mb={2}>
-                  <Bio
+					{team.current.filter(m => m.department === "Board").map(m => (
+						<Bio
+							img={m.avatar}
+							name={m.name}
+							teamRole={m.role}
+							text={m.bio}
+							pronouns={m.pronouns}
+						/>
+					))}
+					<>
+                  {/* <Bio
                     img="/team/zach.jpg"
                     name="Zach Latta"
                     teamRole="Founder"
@@ -120,7 +131,8 @@ export default function Team() {
                     href="https://en.wikipedia.org/wiki/John_Abele"
                     subrole="Founder, Boston Scientific"
                     pronouns="he/him"
-                  />
+                  /> */}
+				  </>
                 </Grid>
               </Box>
             </Flex>
@@ -143,7 +155,17 @@ export default function Team() {
                     Hacker Resources Team
                   </Text>
                   <Grid columns={[1, null, 2]} gap={2}>
-                    <Bio
+					{team.current.filter(m => m.department === "HQ").map(m => (
+						<Bio
+							img={m.avatar}
+							name={m.name}
+							teamRole={m.role}
+							text={m.bio}
+							pronouns={m.pronouns}
+						/>
+					))}
+     				{/* <>             
+					<Bio
                       name="Kara Massie"
                       teamRole="Production Lead"
                       text="Before joining Hack Club, Kara was a lead producer at Activision, shipping Crash Bandicoot N. Sane Trilogy and Bungie's Destiny 2 expansions. She’s deeply committed to inclusivity in gaming and tech spaces, and is beyond thrilled to be part of an org with kindness at its core. She has lived in 3 countries and names her pets after vegetables."
@@ -265,6 +287,7 @@ export default function Team() {
                       href="https://page.devlucas.page"
                       video="https://www.youtube.com/embed/vuLtlzMMW6o?si=v-Dbn2fSGvTyXlbY"
                     />
+					</> */}
                   </Grid>
                 </Box>
               </Box>
@@ -692,3 +715,15 @@ When not busy juggling different tasks he takes up, he enjoys tinkering & buildi
     </>
   )
 }
+
+export async function getStaticProps(context) {
+  const res = await fetch(`https://internal.hackclub.com/team`)
+  const team = await res.json()
+
+  return {
+    props: {
+      team
+    },
+    revalidate: 10
+  }
+}