Fix adding new company through interest form

app/components/Form/SelectInput.tsx

@@ -32,6 +32,8 @@ type Props = {
   value: any;
   disabled?: boolean;
   options?: Record<string, any>[];
+  creatable?: boolean;
+  isMulti?: boolean;
 };
 
 export const selectStyles = {
@@ -100,17 +102,23 @@ function SelectInput({
   options = [],
   disabled = false,
   placeholder,
+  creatable,
   ...props
 }: Props) {
   if (props.tags) {
+    creatable = true;
+    props.isMulti = true;
+  }
+
+  if (creatable) {
     return (
       <div className={style.field}>
         <Creatable
           {...props}
           isDisabled={disabled}
           placeholder={!disabled && placeholder}
           instanceId={name}
-          isMulti
+          isMulti={props.isMulti}
           onBlur={() => onBlur(value)}
           value={value}
           isValidNewOption={isValidNewOption}

app/routes/companyInterest/components/CompanyInterestPage.tsx

@@ -322,8 +322,18 @@ const requiredIfEventType = (eventType: string) =>
     return event && event.checked;
   });
 
+const validateCompany = (value) => {
+  if (!value) {
+    return [false, 'Du må velge en bedrift'] as const;
+  } else if (value['__isNew__'] || !value.value) {
+    return [!!value.label, 'Ny bedrift må ha et navn'] as const;
+  } else {
+    return [typeof value?.value !== 'number', 'Ugyldig bedrift'] as const;
+  }
+};
+
 const validate = createValidator({
-  company: [required()],
+  company: [validateCompany],
   contactPerson: [required()],
   mail: [required(), isEmail()],
   phone: [required()],
@@ -348,8 +358,10 @@ const CompanyInterestPage = (props: Props) => {
 
   const onSubmit = (data) => {
     const { company } = data;
-    const companyId = company['value'] ? Number(company['value']) : null;
-    const companyName = companyId === null ? company['label'] : '';
+    const nameOnly = company['__isNew__'] || !company.value;
+    const companyId = nameOnly ? null : company['value'];
+    const companyName = nameOnly ? company['label'] : '';
+
     const [range_start, range_end] = data.participantRange
       ? PARTICIPANT_RANGE_MAP[data.participantRange]
       : [null, null];
@@ -447,6 +459,7 @@ const CompanyInterestPage = (props: Props) => {
               filter={['companies.company']}
               fieldClassName={styles.metaField}
               component={SelectInput.AutocompleteField}
+              creatable
               required
             />
             <Field