Auth Modal / All Cart API's Done and Local storage Logic handle / Add cart Control button

components/Notlogin.tsx

@@ -2,6 +2,10 @@
 
 import { Home, ShieldX, ArrowRight } from 'lucide-react';
 import { useRouter } from "next/navigation";
+import { useState } from 'react';
+import AuthModal from '@/components/Auth';
+
+
 
 // تعریف تایپ برای پراپ‌ها (ورودی‌های کامپوننت)
 interface NotLoginProps {
@@ -10,12 +14,15 @@ interface NotLoginProps {
     onClose?: () => void;
 }
 
-export default function NotLogin({ 
+export default function NotLogin({
     buttonText = "بازگشت به صفحه اصلی", // مقدار پیش‌فرض
     returnPath = "/",                   // مقدار پیش‌فرض
-    onClose 
+    onClose
 }: NotLoginProps) {
     const router = useRouter();
+    const [isAuthModalOpen, setIsAuthModalOpen] = useState(false);
+    const [user, setUser] = useState<{ username: string; displayName: string } | null>(null);
+    const [showRegisterSuccessDialog, setShowRegisterSuccessDialog] = useState(false);
 
     // مدیریت عملیات کلیک روی دکمه
     const handleAction = () => {
@@ -44,14 +51,35 @@ export default function NotLogin({
                 </div>
                 <h1 className="text-2xl font-bold text-gray-800 mb-2">دسترسی غیرمجاز</h1>
                 <p className="text-gray-500 text-sm leading-relaxed mb-6">برای ادامه مراحل باید ابتدا وارد حساب کاربری خود شوید.</p>
-                
-                <button 
-                    onClick={handleAction} 
+
+                <button
+                    onClick={handleAction}
                     className="flex mx-auto cursor-pointer items-center gap-2 bg-gray-900 text-white px-5 py-2.5 rounded-lg text-sm hover:bg-black transition"
                 >
                     {renderIcon()}
                     {buttonText}
                 </button>
+
+
+
+
+
+                <button onClick={() => setIsAuthModalOpen(true)}>
+                    ورود / ثبت‌نام
+                </button>
+                {/* فراخوانی مودال احراز هویت */}
+                <AuthModal
+                    isOpen={isAuthModalOpen}
+                    onClose={() => setIsAuthModalOpen(false)}
+                    onLoginSuccess={(userData) => setUser(userData)}
+                    onRegisterSuccess={(userData) => {
+                        setUser(userData);
+                        setShowRegisterSuccessDialog(true);
+                    }}
+                />
+
+
+
             </div>
         </div>
     );