Require full name for kvittering

webkom · Sep 26, 2024 · f8f6a34 · f8f6a34
1 parent ab6acd6
commit f8f6a34
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/webapp/components/Form.tsx b/webapp/components/Form.tsx
@@ -14,7 +14,7 @@ import { BiBlock, BiReceipt } from 'react-icons/bi';
 import { Form } from 'react-final-form';
 import PictureUpload from './PictureUpload';
 import SignatureUpload from './SignatureUpload';
-import { accountValidator, emailValidator } from 'utils/validators';
+import { accountValidator, emailValidator, fullNameValidator } from 'utils/validators';
 import { mailToDataList } from 'utils/datalists';
 import { FormButton, FormInput } from './elements';
 import FormSelect from './elements/FormSelect';
@@ -217,6 +217,7 @@ const ReceiptForm = (): JSX.Element => {
                 required
                 helperText="Ditt fulle navn, slik kvitteringen viser"
                 autoFocus
+                validators={[fullNameValidator]}
               />
 
               <FormInput

diff --git a/webapp/utils/validators.ts b/webapp/utils/validators.ts
@@ -13,6 +13,14 @@ export const validateField =
 export const requiredValidator: FieldValidator = (value?: string) =>
   value ? undefined : 'Dette feltet er obligatorisk';
 
+export const fullNameValidator: FieldValidator = (value?: string) => {
+  const namesWithlength = value?.split(" ").filter(name => name.length > 0);
+  if (!value?.includes(' ') ||  !namesWithlength || namesWithlength?.length < 2) {
+    return 'Vennligst skriv inn ditt fulle navn';
+  }
+
+};
+
 export const emailValidator: FieldValidator = (value?: string) => {
   if (!value?.includes('@')) {
     return 'E-post må inneholde @';