style and text fixes

src/components/ApplicationDashboard.jsx

@@ -252,6 +252,22 @@ export const hackerStatuses = (relevantDates, hackerName = null, activeHackathon
           nwplus.io
         </A>{' '}
         to learn about more events and other ways to engage with the technology community.
+        <HR />
+        While we are currently at full capacity, we'd love to still have you join our community!
+        Join us for Learn Day - a jam-packed day of workshops that's open to everyone, regardless of
+        your application status. Everyone is welcome to attend our{' '}
+        <A
+          href={notionLinks?.preHackathonWorkshops}
+          target="_blank"
+          rel="noopener noreferrer"
+          bolded
+          color="primary"
+        >
+          pre-hackathon workshops
+        </A>
+        , where you can expand your technical and career knowledge while connecting with other
+        students. Visit the workshop page to find detailed descriptions and pre-requisite
+        information for each session!
       </>
     ),
   },
@@ -373,12 +389,14 @@ const Dashboard = ({
   setMediaConsentCheck,
   ageOfMajoritySelect,
   setAgeOfMajoritySelect,
-  willBeAttendingSelect,
-  setWillBeAttendingSelect,
+  willBeAttendingCheck,
+  setWillBeAttendingCheck,
   safewalkSelect,
   setSafewalkSelect,
-  nwMentorshipSelect,
-  setNwMentorshipSelect,
+  // nwMentorshipSelect,
+  // setNwMentorshipSelect,
+  hcFeatureSelect,
+  setHcFeatureSelect,
   username,
   editApplication,
   relevantDates,
@@ -395,9 +413,10 @@ const Dashboard = ({
   const [releaseLiability, setReleaseLiability] = useState(releaseLiabilityCheck || undefined)
   const [mediaConsent, setMediaConsent] = useState(mediaConsentCheck || undefined)
   // const [ageOfMajority, setAgeOfMajority] = useState(ageOfMajoritySelect || undefined)
-  const [willBeAttending, setWillBeAttending] = useState(willBeAttendingSelect || undefined)
+  const [willBeAttending, setWillBeAttending] = useState(willBeAttendingCheck || false)
   const [safewalk, setSafewalk] = useState(safewalkSelect || undefined)
-  const [nwMentorship, setNwMentorship] = useState(nwMentorshipSelect || undefined)
+  // const [nwMentorship, setNwMentorship] = useState(nwMentorshipSelect || undefined)
+  const [hcFeature, setHcFeature] = useState(hcFeatureSelect || false)
 
   const hackerRSVPStatus = hackerStatuses()[hackerStatus]?.sidebarText
 
@@ -430,19 +449,24 @@ const Dashboard = ({
   //   setAgeOfMajoritySelect(e.target.value)
   // }
 
-  const handleWillBeAttendingSelectChange = e => {
-    setWillBeAttending(e.target.value)
-    setWillBeAttendingSelect(e.target.value)
+  const handleWillBeAttendingChange = () => {
+    setWillBeAttending(!willBeAttending)
+    setWillBeAttendingCheck(!willBeAttendingCheck)
   }
 
   const handleSafewalkSelectChange = e => {
     setSafewalk(e.target.value)
     setSafewalkSelect(e.target.value)
   }
 
-  const handleNwMentorshipSelectChange = e => {
-    setNwMentorship(e.target.value)
-    setNwMentorshipSelect(e.target.value)
+  // const handleNwMentorshipSelectChange = e => {
+  //   setNwMentorship(e.target.value)
+  //   setNwMentorshipSelect(e.target.value)
+  // }
+
+  const handleHcFeatureChange = value => {
+    setHcFeature(value)
+    setHcFeatureSelect(value)
   }
 
   const handleRSVPClick = () => {
@@ -495,15 +519,11 @@ const Dashboard = ({
                 {relevantDates.hackathonWeekend}? <Required />
               </QuestionLabel>
               <SelectOptionContainer>
-                <input
-                  type="radio"
-                  id="willBeAttendingYes"
-                  name="willBeAttendingYes"
-                  value="willBeAttendingYes"
-                  checked={willBeAttending === 'willBeAttendingYes'}
-                  onChange={handleWillBeAttendingSelectChange}
+                <Checkbox
+                  checked={willBeAttending}
+                  onChange={handleWillBeAttendingChange}
+                  label="Yes, I will be attending"
                 />
-                <label htmlFor="willBeAttendingYes">Yes</label>
               </SelectOptionContainer>
             </SelectContainer>
 
@@ -594,7 +614,7 @@ const Dashboard = ({
                   width="130px"
                   target="_blank"
                   rel="noopener noreferrer"
-                  href={waiversAndForms.COVID}
+                  href={waiversAndForms.covid}
                 >
                   Read Full Waiver.
                 </A>{' '}
@@ -632,6 +652,30 @@ const Dashboard = ({
             </QuestionContainer>
 
             <SelectContainer>
+              <QuestionLabel>HackCamp 2024 Feature Preference</QuestionLabel>
+              <P>
+                We are looking for people to be featured in interview videos about their experience
+                at HackCamp. Filming will take ~10 mins and will take place during Build Day
+                (Sunday, November 10th). If chosen, our team will reach out with further
+                instructions. Are you interested in participating?{' '}
+              </P>
+              <SelectOptionContainer>
+                <Checkbox
+                  checked={hcFeature}
+                  onChange={() => handleHcFeatureChange(true)}
+                  label="Yes"
+                />
+              </SelectOptionContainer>
+              <SelectOptionContainer>
+                <Checkbox
+                  checked={!hcFeature}
+                  onChange={() => handleHcFeatureChange(false)}
+                  label="No"
+                />
+              </SelectOptionContainer>
+            </SelectContainer>
+
+            {/* <SelectContainer>
               <QuestionLabel>nwMentorship Program</QuestionLabel>
               <P>
                 I would like to participate in the nwMentorship program to connect with an industry
@@ -669,7 +713,7 @@ const Dashboard = ({
                 />
                 <label htmlFor="nwMentorshipNo">No</label>
               </SelectOptionContainer>
-            </SelectContainer>
+            </SelectContainer> */}
           </>
         )}
 

src/components/MobileMenuBar.jsx

@@ -24,25 +24,22 @@ const MobileMenuBarContainer = styled.div`
   display: none;
   z-index: 100;
   ${p => p.theme.mediaQueries.mobile} {
-    padding: 15px;
-    display: inline-block;
-    text-align: center;
+    padding: 15px 0;
     width: 100%;
-    box-sizing: border-box;
-    // -webkit-box-shadow: 0 6px 8px -8px #000;
-    // -moz-box-shadow: 0 6px 8px -8px #000;
-    // box-shadow: 0 6px 8px -8px #000;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 `
 
 const Logo = styled.img`
-  display: inline-block;
-  margin-left: -50px;
-  width: 40px;
+  height: 60px;
 `
 
 const Menu = styled.img`
-  float: left;
+  position: absolute;
+  left: 20px;
   width: 30px;
   cursor: pointer;
 `