From dedf92965b5a918aa4b294f9db04df6ae8053cd8 Mon Sep 17 00:00:00 2001
From: Gunshiz <spsshop1047@gmail.com>
Date: Thu, 28 May 2026 20:30:25 +0700
Subject: [PATCH] refactor: update disabled form UI to use Card component and
 remove redundant Toaster from layout

---
 app/form/client.tsx | 12 ++++++++----
 app/form/layout.tsx |  2 --
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/form/client.tsx b/app/form/client.tsx
index b1c311a..eae2446 100644
--- a/app/form/client.tsx
+++ b/app/form/client.tsx
@@ -185,10 +185,14 @@ export function FormFillerClient({ form, questions, initialAnswers = {} }: FormF
   return (
     <div className="relative">
       {!form.isOpen && (
-        <div className="absolute inset-0 z-50 flex items-center justify-center bg-background/50 backdrop-blur-sm rounded-xl">
-          <div className="bg-background border shadow-lg p-6 rounded-lg">
-            <h2 className="text-xl font-bold text-center">This form disable for now</h2>
-          </div>
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-background/50 backdrop-blur-sm p-4">
+          <Card className="w-full max-w-sm">
+            <CardHeader>
+              <CardTitle className="text-center text-xl">
+                This form is disabled for now
+              </CardTitle>
+            </CardHeader>
+          </Card>
         </div>
       )}
       <form onSubmit={handleSubmit} className="space-y-6">
diff --git a/app/form/layout.tsx b/app/form/layout.tsx
index a24877e..c99c24f 100644
--- a/app/form/layout.tsx
+++ b/app/form/layout.tsx
@@ -1,6 +1,5 @@
 import { getServerSession } from "next-auth";
 import { authOptions } from "@/app/api/auth/[...nextauth]/route";
-import { Toaster } from "@/components/ui/sonner";
 import { FormLayoutClient } from "./client";
 import LoginDialog from "@/components/login-dialog";
 
@@ -25,7 +24,6 @@ export default async function FormLayout({
         )}
       </header>
       <main className="flex-1">{children}</main>
-      <Toaster />
       {!session && <LoginDialog />}
     </div>
   );