Naprawieni zależności useMemo poprzez opakowanie handleDelete w useCallback

- Opakowanie funkcji handleDelete w useCallback w UsersTable
- Opakowanie funkcji handleDelete w useCallback w TaskTable
- Dodanie useCallback do importów w obu komponentach
- Naprawiono ostrzeżenia dotyczące zależności hooka React

Author: gmaxsoft

src/components/tasks/TaskTable.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useState, useMemo, useCallback } from 'react';
 import {
   useReactTable,
   getCoreRowModel,
@@ -25,7 +25,7 @@ export default function TaskTable() {
     fetchTasks();
   }, [fetchTasks]);
 
-  const handleDelete = async (id: string) => {
+  const handleDelete = useCallback(async (id: string) => {
     if (!confirm('Czy na pewno chcesz usunąć to zadanie?')) {
       return;
     }
@@ -37,7 +37,7 @@ export default function TaskTable() {
     if (error) {
       alert(`Błąd usuwania: ${error.message}`);
     }
-  };
+  }, [deleteTask]);
 
   const getPriorityColor = (priority: string) => {
     switch (priority) {

src/components/users/UsersTable.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useState, useMemo, useCallback } from 'react';
 import {
   useReactTable,
   getCoreRowModel,
@@ -23,7 +23,7 @@ export default function UsersTable() {
     fetchUsers();
   }, [fetchUsers]);
 
-  const handleDelete = async (id: string) => {
+  const handleDelete = useCallback(async (id: string) => {
     if (!confirm('Czy na pewno chcesz usunąć tego użytkownika?')) {
       return;
     }
@@ -35,7 +35,7 @@ export default function UsersTable() {
     if (error) {
       alert(`Błąd usuwania: ${error.message}`);
     }
-  };
+  }, [deleteUser]);
 
   const columns = useMemo<ColumnDef<User>[]>(
     () => [