feat(envited.ascs.digital): Add file input field

Signed-off-by: Jeroen Branje <[email protected]>

apps/envited.ascs.digital/modules/Profile/Profile.tsx

@@ -1,6 +1,14 @@
 'use client'
 
-import { Card, Checkbox, Checkboxes, Heading, TextField, TextareaField } from '@envited-marketplace/design-system'
+import {
+  Card,
+  Checkbox,
+  Checkboxes,
+  FileField,
+  Heading,
+  TextField,
+  TextareaField,
+} from '@envited-marketplace/design-system'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { append, equals, includes, pathOr, prop, propOr, reject } from 'ramda'
 import { FC } from 'react'
@@ -21,6 +29,7 @@ type ProfileInputs = {
   name: string
   description: string
   logo: string
+  file: any
   streetAddress: string
   postalCode: string
   addressLocality: string
@@ -159,6 +168,24 @@ export const Profile: FC<ProfileProps> = ({ profile, memberCategories }) => {
                     />
                   )}
                 />
+                <Controller
+                  name="file"
+                  control={control}
+                  render={({ field: { ref, onChange, value, ...field } }) => (
+                    <FileField
+                      label="File"
+                      {...field}
+                      inputRef={ref}
+                      value={value?.name}
+                      onChange={event => {
+                        if (event.target.files) {
+                          onChange(event.target.files?.[0])
+                        }
+                      }}
+                      error={pathOr('', ['file', 'message'])(errors)}
+                    />
+                  )}
+                />
               </div>
 
               <div className="sm:col-span-full">