diff --git a/src/components/membershipPanel.js b/src/components/membershipPanel.js index d108d0f0..7d7d2ef9 100644 --- a/src/components/membershipPanel.js +++ b/src/components/membershipPanel.js @@ -5,14 +5,29 @@ import { Button } from './ui/buttons' import { inputLabel } from '../scss/membership.module.scss' +const getStartingYearDefault = () => { + const currentDate = new Date(); + const currentYear = currentDate.getFullYear(); + const currentMonth = currentDate.getMonth(); + + // August = 7 + if (currentMonth < 7) { + return currentYear - 1; + } else { + return currentYear; + } +} + const MembershipPanel = () => { const [initiallyLoaded, setInitiallyLoaded] = useState(true) const [sent, setSent] = useState(false) - const [startingYear, setStartingYear] = useState('') + const [startingYear, setStartingYear] = useState(getStartingYearDefault()) const [program, setProgram] = useState('Empty') const [firstName, setFirstName] = useState('') const [lastName, setLastName] = useState('') const [message, setMessage] = useState('') + const [infomailSubscriber, setInfomailSubscriber] = useState(true) + const [liuCardId, setLiuCardId] = useState("") const [errors, setErrors] = useState('') useEffect(() => { @@ -36,13 +51,19 @@ const MembershipPanel = () => { const submitRequest = e => { e.preventDefault() - post('/membership/request/', { + const data = { first_name: firstName, last_name: lastName, program, starting_year: startingYear, message, - }) + infomail_subscriber: infomailSubscriber, + } + + if (liuCardId !== "") + data['liu_card_id'] = liuCardId; + + post('/membership/request/', data) .then(() => { setErrors(null) setSent(true) @@ -97,10 +118,10 @@ const MembershipPanel = () => { D-sektionen registrerar du dig via följande formulär:
- Med ansökan kommer du att prenumerera på vårt nyhetsbrev, där vi + Med ansökan kan du välja att prenumerera på vårt nyhetsbrev, där vi informerar om kommande evenemang och annan information som kan vara av intresse för dig som student på D-sektionen. - För att avsluta prenumerationen kan du gå till profilinställningar efter att du har loggat in. + För att avsluta prenumerationen efter att du blivit medlem kan du gå till profilinställningar.
> diff --git a/src/scss/membership.module.scss b/src/scss/membership.module.scss index 5797c677..71c98532 100644 --- a/src/scss/membership.module.scss +++ b/src/scss/membership.module.scss @@ -4,12 +4,22 @@ margin: 1rem 0; display: block; + span { + font-size: 0.8rem; + color: #aaa + } + input, textarea, select { - display: block; border: 1px $background-color-3 solid; padding: 0.5rem; - width: 100%; + &:not([type='checkbox']) { + display: block; + width: 100%; + } + &[type='checkbox'] { + margin-left: $base-padding; + } } }