Fixed delete modal / PassWord hide show

src/Pages/ManageCMS/FAQ/FAQ.tsx

@@ -57,7 +57,8 @@ const FAQ = () => {
   const [faqToggle] = useFaqToggleMutation()
   const [deleteFaqPost] = useDeleteFaqPostMutation()
   const [searchTerm, setSearchTerm] = useState("");
-  const [deleteModal, setDeleteModal] = useState(true)
+  const [deleteModal, setDeleteModal] = useState(false)
+  const [selectedFaqId, setSelectedFaqId] = useState<number | null>(null);
 
   // console.log('DATA', data?.data);
 
@@ -128,15 +129,20 @@ const FAQ = () => {
 
         <AlertDailog
           isOpen={deleteModal}
-          AltertTiggerIcon={() => <Delete onClick={() => setDeleteModal(true)} />}
+          AltertTiggerIcon={() => <Delete onClick={() => {
+            setSelectedFaqId(agency.id);
+            setDeleteModal(true)
+          }} />}
           alertText="Delete FAQ"
           alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
           alertCaption="are you sure you want to delete ?"
           onClose={() => setDeleteModal(false)}
           onConfirm={() => {
-            // console.log("User deleted:", index + 1);
-            setDeleteModal(false);
-            handleDeleteFaq(agency.id)
+            // console.log("Deleting FAQ with ID:", selectedFaqId); // Correct ID
+            if (selectedFaqId) {
+              setDeleteModal(false);
+              handleDeleteFaq(selectedFaqId);
+            }
           }}
         />
         <Box>

src/components/ui/password-input.tsx

@@ -66,7 +66,7 @@ export const PasswordInput = React.forwardRef<
             setVisible(!visible)
           }}
         >
-          {visible ? visibilityIcon.off : visibilityIcon.on}
+          {visible ? visibilityIcon.on : visibilityIcon.off}
         </VisibilityTrigger>
       }
       {...rootProps}