fix: Mark as resolved text on actions dropdown was showing wrong

Author: AlexVOiceover

src/components/ui/confirmation-dialog.tsx

@@ -1,11 +1,4 @@
 import { Button } from './button';
-// import {
-//   Dialog,
-//   DialogContent,
-//   DialogFooter,
-//   DialogDescription,
-// } from './radix-compatibility';
-
 interface ConfirmationDialogProps {
   isOpen: boolean;
   onClose: () => void;

src/components/ui/simple-dropdown.tsx

@@ -127,7 +127,7 @@ const SimpleDropdownMenuContent = React.forwardRef<HTMLDivElement, SimpleDropdow
       <div 
         ref={ref}
         className={cn(
-          'absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-2 shadow-md',
+          'absolute z-50 min-w-[10rem] overflow-hidden rounded-md border bg-white p-2 shadow-md',
           'top-full right-0 mt-1',
           className
         )}
@@ -148,7 +148,7 @@ const SimpleDropdownMenuItem = React.forwardRef<HTMLDivElement, SimpleDropdownMe
       <div
         ref={ref}
         className={cn(
-          'flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm text-gray-700 hover:bg-gray-100',
+          'flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm text-gray-700 hover:bg-gray-100 whitespace-nowrap',
           className
         )}
         onClick={(e) => {

src/features/statements/components/ActionLine.tsx

@@ -153,7 +153,7 @@ const ActionLine: React.FC<ActionLineProps> = ({
                       ) : (
                         <>
                           <CheckCircle2 className='mr-2 h-4 w-4' />
-                          Mark as Resolved
+                          Mark as resolved
                         </>
                       )}
                     </DropdownMenuItem>

src/layouts/components/MainPage.tsx

@@ -14,7 +14,7 @@ import StatementWizard from '../../features/wizard/components/StatementWizard';
 import ShareEmailModal from '../../components/modals/ShareEmailModal';
 import PrivacyModal from '../../components/modals/PrivacyModal';
 import TermsModal from '../../components/modals/TermsModal';
-// import TestStatementButton from '../../components/debug/TestButton';
+import TestStatementButton from '../../components/debug/TestButton';
 
 const MainPage: React.FC = () => {
   const { data } = useEntries();
@@ -115,9 +115,9 @@ const MainPage: React.FC = () => {
         </Tooltip>
 
         {/* Debug button */}
-        {/* <div className='mt-2'>
+        <div className='mt-2'>
           <TestStatementButton />
-        </div> */}
+        </div>
       </div>
 
       {/* Conditionally render the wizard modal */}