Update website fe

cultuurnet · May 22, 2024 · 5309521 · 5309521
1 parent 83b0e97
commit 5309521
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/resources/ts/Components/Integrations/Detail/BasicInfo.tsx b/resources/ts/Components/Integrations/Detail/BasicInfo.tsx
@@ -8,16 +8,20 @@ import { Heading } from "../../Heading";
 type Props = {
   name: string;
   description: string;
+  website: string;
   errors: Record<string, string | undefined>;
   onChangeName: (val: string) => void;
   onChangeDescription: (val: string) => void;
+  onChangeWebsite: (val: string) => void;
 };
 export const BasicInfo = ({
   name,
   description,
+  website,
   errors,
   onChangeName,
   onChangeDescription,
+  onChangeWebsite,
 }: Props) => {
   const { t } = useTranslation();
 
@@ -55,6 +59,19 @@ export const BasicInfo = ({
             />
           }
         />
+        <FormElement
+          label={`${t("details.basic_info.website")}`}
+          error={errors["website"]}
+          component={
+            <Input
+              type="text"
+              name="website"
+              value={website}
+              onChange={(e) => onChangeWebsite(e.target.value)}
+              className="md:min-w-[40rem]"
+            />
+          }
+        />
       </div>
     </div>
   );

diff --git a/resources/ts/Components/Integrations/Detail/IntegrationSettings.tsx b/resources/ts/Components/Integrations/Detail/IntegrationSettings.tsx
@@ -99,6 +99,7 @@ export const IntegrationSettings = ({
   name,
   type,
   description,
+  website,
   urls,
   keyVisibility,
   onChangeIsFormDirty,
@@ -113,6 +114,7 @@ export const IntegrationSettings = ({
   const basicInfoForm = useBasicInfoForm({
     integrationName: name,
     description,
+    website,
   });
 
   const urlsForm = useUrlsForm({
@@ -192,7 +194,7 @@ export const IntegrationSettings = ({
           resolve(undefined);
           basicInfoForm.setDefaults();
         },
-        only: ["name", "description", "errors"],
+        only: ["name", "description", "website", "errors"],
       });
     });
   };
@@ -242,10 +244,12 @@ export const IntegrationSettings = ({
       <BasicInfo
         name={basicInfoForm.data.integrationName}
         description={basicInfoForm.data.description}
+        website={basicInfoForm.data.website}
         onChangeName={(name) => basicInfoForm.setData("integrationName", name)}
         onChangeDescription={(description) =>
           basicInfoForm.setData("description", description)
         }
+        onChangeWebsite={(website) => basicInfoForm.setData("website", website)}
         errors={basicInfoForm.errors}
       />