diff --git a/frontend/src/routes/ApplicationForm/FormStructure.tsx b/frontend/src/routes/ApplicationForm/FormStructure.tsx index db00263e..2220026d 100644 --- a/frontend/src/routes/ApplicationForm/FormStructure.tsx +++ b/frontend/src/routes/ApplicationForm/FormStructure.tsx @@ -31,6 +31,7 @@ import { SelectedGroups } from "."; import JsonFieldEditor from "src/components/JsonFieldEditor"; import { Button } from "@webkom/lego-bricks"; import LinkButton from "src/components/LinkButton"; +import PriorityTextField from "./PriorityTextField"; interface FormStructureProps extends FormikValues { admission?: Admission; @@ -76,6 +77,25 @@ const FormStructure: React.FC = ({ Mobilnummeret vil bli brukt til å kalle deg inn på intervju. + + {!isRevy && ( + <> + + Kun leder av Abakus kan se det du skriver inn i prioriterings- + og kommentarfeltet. + + )} + + Det er ikke sikkert prioriteringslisten vil bli tatt hensyn til. + Ikke søk på en {isRevy ? "gruppe" : "komité"} du ikke ønsker å bli + med i. + + = ({ + label, + optional = false, + field: { name, onChange, value }, + form: { handleBlur }, + disabled, +}) => { + const debouncedValue = useDebouncedState(value); + + useEffect(() => { + savePriorityTextDraft(value); + }, [debouncedValue]); + + return ( + + + {label} + {optional && (valgfritt)} + + + + ); +}; + +export default PriorityTextField; + +/** Styles **/ + +const Wrapper = styled.div` + grid-area: prioritytext; + ${media.portrait` + margin-top: 0.5rem; + `}; +`; + +const LabelWrapper = styled.span` + display: flex; + ${media.handheld` + flex-direction: column; + margin-bottom: 5px; + `}; +`; + +const Optional = styled.span` + font-size: 0.8rem; + color: rgba(57, 75, 89, 0.75); + font-weight: 500; + margin-left: 0.3rem; + line-height: 1rem; +`; diff --git a/frontend/src/routes/ReceiptForm/FormStructure.tsx b/frontend/src/routes/ReceiptForm/FormStructure.tsx index 86d47b41..88b07b3b 100644 --- a/frontend/src/routes/ReceiptForm/FormStructure.tsx +++ b/frontend/src/routes/ReceiptForm/FormStructure.tsx @@ -36,6 +36,7 @@ import { clearAllDrafts } from "src/utils/draftHelper"; import JsonFieldEditor from "src/components/JsonFieldEditor"; import { Button } from "@webkom/lego-bricks"; import LinkButton from "src/components/LinkButton"; +import PriorityTextField from "../ApplicationForm/PriorityTextField"; interface FormStructureProps { toggleIsEditing: () => void; @@ -143,6 +144,26 @@ const FormStructure: React.FC = ({ toggleIsEditing }) => { component={PhoneNumberField} disabled={true} /> + + {!isRevy && ( + <> + + Kun leder av Abakus kan se det du skriver inn i prioriterings- + og kommentarfeltet. + + )} + + Det er ikke sikkert prioriteringslisten vil bli tatt hensyn til. + Ikke søk på en {isRevy ? "gruppe" : "komité"} du ikke ønsker å bli + med i. + +