feat: Refactor old code with delete modal and icons for buttons

src/widgets/SightsTable/index.tsx

@@ -6,10 +6,10 @@ import TableHead from "@mui/material/TableHead";
 import TableRow from "@mui/material/TableRow";
 import Paper from "@mui/material/Paper";
 import { authInstance, cityStore, languageStore, sightsStore } from "@shared";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
 import { Button } from "@mui/material";
-import { LanguageSwitcher } from "@widgets";
+import { DeleteModal, LanguageSwitcher } from "@widgets";
 import { Pencil, Trash2 } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 
@@ -29,6 +29,8 @@ export const SightsTable = observer(() => {
   const { language } = languageStore;
   const { sights, getSights } = sightsStore;
   const { cities, getCities } = cityStore;
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const [rowId, setRowId] = useState<number | null>(null);
 
   useEffect(() => {
     const fetchData = async () => {
@@ -92,7 +94,10 @@ export const SightsTable = observer(() => {
                     </button>
                     <button
                       className="rounded-md px-3 py-1.5 transition-transform transform hover:scale-105"
-                      onClick={() => handleDelete(row?.id)}
+                      onClick={() => {
+                        setIsDeleteModalOpen(true);
+                        setRowId(row?.id);
+                      }}
                     >
                       <Trash2 size={18} className="text-red-500" />
                     </button>
@@ -103,6 +108,17 @@ export const SightsTable = observer(() => {
           </TableBody>
         </Table>
       </TableContainer>
+      <DeleteModal
+        open={isDeleteModalOpen}
+        onDelete={async () => {
+          if (rowId) {
+            await handleDelete(rowId);
+          }
+          setIsDeleteModalOpen(false);
+          setRowId(null);
+        }}
+        onCancel={() => setIsDeleteModalOpen(false)}
+      />
     </>
   );
 });