feat: add form validation schema

jaaydenh · jaaydenh · commit 0601164c57dc · 2024-12-02T23:07:09.000Z
diff --git a/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx b/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx
@@ -40,6 +40,7 @@ import { useState } from "react";
 import type { FC } from "react";
 import { docs } from "utils/docs";
 import { OrganizationPills } from "./OrganizationPills";
+import * as Yup from "yup";
 
 interface IdpSyncPageViewProps {
 	organizationSyncSettings: OrganizationSyncSettings | undefined;
@@ -48,6 +49,14 @@ interface IdpSyncPageViewProps {
 	error?: unknown;
 }
 
+const validationSchema = Yup.object({
+	field: Yup.string().trim(),
+	organization_assign_default: Yup.boolean(),
+	mapping: Yup.object().shape({
+		[`${String}`]: Yup.array().of(Yup.string()),
+	}),
+});
+
 export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({
 	organizationSyncSettings,
 	organizations,
@@ -61,7 +70,7 @@ export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({
 				organizationSyncSettings?.organization_assign_default ?? true,
 			mapping: organizationSyncSettings?.mapping ?? {},
 		},
-		// validationSchema,
+		validationSchema: validationSchema,
 		onSubmit,
 		enableReinitialize: Boolean(organizationSyncSettings),
 	});
