fix: category triggers change

Author: AlexVOiceover

package-lock.json

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useEffect } from 'react';
-import { TooltipProvider } from './components/ui/radix-compatibility';
+import { TooltipProvider } from './components/ui/better-tooltip';
 
 // Providers
 import { AuthProvider } from './features/auth/AuthProvider';

src/App.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useState } from 'react';
-import { Dialog, DialogContent, DialogDescription } from '../ui/radix-compatibility';
+import { SimpleDialog as Dialog, SimpleDialogContent as DialogContent, SimpleDialogDescription as DialogDescription } from '../ui/simple-dialog';
 import { Button } from '../ui/button';
 import { useEntries } from '../../features/statements/hooks/useEntries';
 import { sendEmail } from '../../features/email/api/emailApi';

src/components/modals/ShareEmailModal.tsx

@@ -6,7 +6,7 @@ import { useAuth } from '../../features/auth/api/hooks';
 import { Button } from '../ui/button';
 import { Input } from '../ui/input';
 import { Save, X, User, Mail, Award, Edit2, LogOut } from 'lucide-react';
-import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/radix-compatibility';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/better-tooltip';
 import { validateEmail } from '../../lib/utils/validateEmail';
 import QuestionCounter from '../ui/questionCounter/QuestionCounter';
 import ProgressWithFeedback from '../ui/progress/ProgressWithFeedback';

src/components/modals/UserDataModal.tsx

@@ -2,7 +2,8 @@ import React, { useEffect } from 'react';
 import { cn } from '@/lib/utils';
 
 interface SimpleDialogProps {
-  isOpen: boolean;
+  isOpen?: boolean;
+  open?: boolean;
   onOpenChange: (isOpen: boolean) => void;
   children: React.ReactNode;
   className?: string;
@@ -134,13 +135,17 @@ const SimpleDialogTrigger: React.FC<SimpleDialogTriggerProps> = ({ children }) =
 
 const SimpleDialog: React.FC<SimpleDialogProps> = ({ 
   isOpen, 
+  open,
   onOpenChange, 
   children, 
   className 
 }) => {
+  // Support both isOpen and open props for compatibility
+  const isDialogOpen = open !== undefined ? open : isOpen !== undefined ? isOpen : false;
+  
   // Handle ESC key press
   useEffect(() => {
-    if (!isOpen) return;
+    if (!isDialogOpen) return;
 
     const onKeyDown = (e: KeyboardEvent) => {
       if (e.key === 'Escape') {
@@ -150,14 +155,12 @@ const SimpleDialog: React.FC<SimpleDialogProps> = ({
 
     window.addEventListener('keydown', onKeyDown);
     return () => window.removeEventListener('keydown', onKeyDown);
-  }, [isOpen, onOpenChange]);
-
-  console.log('SimpleDialog rendering with isOpen:', isOpen);
+  }, [isDialogOpen, onOpenChange]);
 
   // Provide the dialog state to all children via context
   return (
-    <SimpleDialogContext.Provider value={{ isOpen, onOpenChange }}>
-      {isOpen ? (
+    <SimpleDialogContext.Provider value={{ isOpen: isDialogOpen, onOpenChange }}>
+      {isDialogOpen ? (
         <div className={cn('fixed inset-0 z-50', className)}>
           <SimpleDialogOverlay />
           {children}