From 40cf84cba434eca0ef2ebdf2f84fc1bec8f99f97 Mon Sep 17 00:00:00 2001
From: Gildas Garcia <1122076+djhi@users.noreply.github.com>
Date: Mon, 13 Apr 2026 10:14:41 +0200
Subject: [PATCH] chore: migrate audit logs form to `zod`

---
 .../components/interfaces/Auth/AuditLogsForm.tsx  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx
index 55ce24c3314..b6de78934ae 100644
--- a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx
+++ b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx
@@ -1,4 +1,4 @@
-import { yupResolver } from '@hookform/resolvers/yup'
+import { zodResolver } from '@hookform/resolvers/zod'
 import { PermissionAction } from '@supabase/shared-types/out/constants'
 import { useParams } from 'common'
 import { useEffect } from 'react'
@@ -23,7 +23,7 @@ import {
   PageSectionSummary,
   PageSectionTitle,
 } from 'ui-patterns/PageSection'
-import { boolean, object } from 'yup'
+import * as z from 'zod'
 
 import { AlertError } from '@/components/ui/AlertError'
 import { InlineLink } from '@/components/ui/InlineLink'
@@ -33,8 +33,8 @@ import { useTablesQuery } from '@/data/tables/tables-query'
 import { useAsyncCheckPermissions } from '@/hooks/misc/useCheckPermissions'
 import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject'
 
-const schema = object({
-  AUDIT_LOG_DISABLE_POSTGRES: boolean().required(),
+const schema = z.object({
+  AUDIT_LOG_DISABLE_POSTGRES: z.boolean(),
 })
 
 const AUDIT_LOG_ENTRIES_TABLE = 'audit_log_entries'
@@ -73,9 +73,10 @@ export const AuditLogsForm = () => {
   })
 
   const form = useForm({
-    resolver: yupResolver(schema),
+    resolver: zodResolver(schema),
     defaultValues: { AUDIT_LOG_DISABLE_POSTGRES: false },
   })
+  const { isDirty } = form.formState
   const { AUDIT_LOG_DISABLE_POSTGRES: formValueDisablePostgres } = form.watch()
   const currentlyDisabled = authConfig?.AUDIT_LOG_DISABLE_POSTGRES ?? false
   const isDisabling = !currentlyDisabled && formValueDisablePostgres
@@ -192,7 +193,7 @@ export const AuditLogsForm = () => {
               </CardContent>
 
               <CardFooter className="justify-end space-x-2">
-                {form.formState.isDirty && (
+                {isDirty && (
                   <Button type="default" onClick={() => form.reset()}>
                     Cancel
                   </Button>
@@ -200,7 +201,7 @@ export const AuditLogsForm = () => {
                 <Button
                   type="primary"
                   htmlType="submit"
-                  disabled={!canUpdateConfig || isUpdatingConfig || !form.formState.isDirty}
+                  disabled={!canUpdateConfig || isUpdatingConfig || !isDirty}
                   loading={isUpdatingConfig}
                 >
                   Save changes