fix: replaced privacy icons

Author: AlexVOiceover

src/components/statementWizard/PrivacySelector.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Button } from '../ui/button';
 import { Eye, EyeOff } from 'lucide-react';
+import { Mail } from 'lucide-react';
 
 interface PrivacySelectorProps {
   isPublic: boolean;
@@ -24,7 +25,8 @@ export const PrivacySelector: React.FC<PrivacySelectorProps> = ({
           onClick={() => onChange(false)}
         >
           <div className='flex items-center space-x-3'>
-            <EyeOff className='w-5 h-5' />
+            {/* <EyeOff className='w-5 h-5' /> */}
+            <Mail className='w-5 h-5  text-gray-500' />
             <div className='text-left'>
               <div className='font-medium'>Private</div>
               <div className='text-sm text-muted-foreground'>
@@ -41,7 +43,8 @@ export const PrivacySelector: React.FC<PrivacySelectorProps> = ({
           onClick={() => onChange(true)}
         >
           <div className='flex items-center space-x-3'>
-            <Eye className='w-5 h-5' />
+            {/* <Eye className='w-5 h-5' /> */}
+            <Mail className='w-5 h-5  text-green-500' />
             <div className='text-left'>
               <div className='font-medium'>Public</div>
               <div className='text-sm text-muted-foreground'>

src/components/statements/StatementItem.tsx

@@ -7,12 +7,13 @@ import {
   Trash2,
   Edit2,
   Save,
-  Eye,
-  EyeOff,
+  // Eye,
+  // EyeOff,
   MoreVertical,
   RotateCcw,
   CheckCircle2,
   XCircle,
+  Mail,
 } from 'lucide-react';
 import type { Entry } from '../../../types/entries';
 import {
@@ -97,7 +98,8 @@ const StatementItem: React.FC<StatementItemProps> = ({
               : 'bg-gray-50 text-gray-500'
           } hover:bg-opacity-75 rounded-md px-3 py-2`}
         >
-          {statement.isPublic ? <Eye size={16} /> : <EyeOff size={16} />}
+          {/* {statement.isPublic ? <Eye size={16} /> : <EyeOff size={16} />} */}
+          {statement.isPublic ? <Mail size={16} /> : <Mail size={16} />}
         </Button>
         <div className='flex flex-1 items-center space-x-2'>
           {/* Subject */}
@@ -196,7 +198,8 @@ const StatementItem: React.FC<StatementItemProps> = ({
                   statement.isPublic ? 'text-green-500' : 'text-gray-400'
                 }`}
               >
-                {statement.isPublic ? <Eye size={16} /> : <EyeOff size={16} />}
+                {/* {statement.isPublic ? <Eye size={16} /> : <EyeOff size={16} />} */}
+                {statement.isPublic ? <Mail size={16} /> : <Mail size={16} />}
               </span>
             </TooltipTrigger>
             <TooltipContent className='p-2 bg-black text-white rounded'>