test reintroduce isOpen prop

Author: AlexVOiceover

src/components/modals/UserDataModal.tsx

@@ -14,9 +14,10 @@ import ProgressWithFeedback from '../ui/progress/ProgressWithFeedback';
 
 interface UserDataModalProps {
   onOpenChange: (open: boolean) => void;
+  isOpen?: boolean;  // Re-adding the isOpen prop
 }
 
-const UserDataModal: React.FC<UserDataModalProps> = ({ onOpenChange }) => {
+const UserDataModal: React.FC<UserDataModalProps> = ({ onOpenChange, isOpen }) => {
   const { data, setData } = useEntries();
   const { signOut } = useAuth();
   const [isEditingContact, setIsEditingContact] = useState(false);
@@ -69,6 +70,11 @@ const UserDataModal: React.FC<UserDataModalProps> = ({ onOpenChange }) => {
     setIsEditingUsername(false);
   };
 
+  // Make sure we only render when isOpen is true
+  if (typeof isOpen === 'boolean' && !isOpen) {
+    return null;
+  }
+
   return (
     <DialogContent 
       className="max-w-3xl p-0 overflow-hidden"

src/layouts/components/Header.tsx

@@ -32,6 +32,7 @@ const Header: React.FC = () => {
                   </DialogTrigger>
                   <UserDataModal
                     onOpenChange={setIsDashboardOpen}
+                    isOpen={isDashboardOpen}
                   />
                 </Dialog>
               ) : (
@@ -60,6 +61,7 @@ const Header: React.FC = () => {
                 </DialogTrigger>
                 <UserDataModal
                   onOpenChange={setIsDashboardOpen}
+                  isOpen={isDashboardOpen}
                 />
               </Dialog>
             ) : (