Add "How did you find out about us?" field to HCB apply form (#483)

* Add slackMember field to HCB apply form

* Add some background, yeah?

* Remove TODO

* Ask how applicant found out about HCB instead of Slack

components/bank/form.js

@@ -205,6 +205,15 @@ export default function BankApplyForm() {
           required
         />
 
+        <Field
+          label="How did you hear about Hack Club Bank?"
+          name="referredBy"
+          placeholder="Word of mouth, hackathon, etc."
+          value={values.referredBy}
+          onChange={handleChange}
+          required
+        />
+
         <Label
           htmlFor="returningUser"
           sx={{ color: 'smoke', fontSize: 18, my: 2 }}
@@ -222,6 +231,7 @@ export default function BankApplyForm() {
             </option>
           </Select>
         </Label>
+
         <Box sx={{ mb: 2 }}>
           <Text
             variant="subheadline"

pages/api/bank-apply.js

@@ -29,7 +29,8 @@ export default async function handler(req, res) {
       Country: data.eventCountry,
       'Event Location': data.eventLocation,
       'Have you used Hack Club Bank for any previous events?':
-        data.returningUser
+        data.returningUser,
+      'How did you hear about HCB?': data.referredBy
     })
     const url = process.env.BANK_NOTIFS_WEBHOOK
     const body = JSON.stringify({

pages/bank/apply.js

@@ -7,7 +7,7 @@ export default function Apply() {
     <Box
       sx={{
         backgroundImage:
-          'linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25) 25%,rgba(0, 0, 0, 0.625) 50%, rgba(0, 0, 0, 0.75) 100%), url("/bank/bg.jpg")',
+          'linear-gradient(to bottom,rgba(0, 0, 0, .3),rgba(0, 0, 0, 0.45) 25%,rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 100%), url("https://cloud-knk7z9mq5-hack-club-bot.vercel.app/0geo-pattern__2_.svg")',
         py: 4,
         backgroundAttachment: 'fixed'
       }}