Migrate hooks

frontend/src/hooks/useFileOperations.js

@@ -1,54 +1,67 @@
 import { useCallback } from 'react';
+import { notifications } from '@mantine/notifications';
 import { saveFileContent, deleteFile } from '../services/api';
-import { useToasts } from '@geist-ui/core';
 
 export const useFileOperations = () => {
-  const { setToast } = useToasts();
+  const handleSave = useCallback(async (filePath, content) => {
+    try {
+      await saveFileContent(filePath, content);
+      notifications.show({
+        title: 'Success',
+        message: 'File saved successfully',
+        color: 'green',
+      });
+      return true;
+    } catch (error) {
+      console.error('Error saving file:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to save file',
+        color: 'red',
+      });
+      return false;
+    }
+  }, []);
 
-  const handleSave = useCallback(
-    async (filePath, content) => {
-      try {
-        await saveFileContent(filePath, content);
-        setToast({ text: 'File saved successfully', type: 'success' });
-        return true;
-      } catch (error) {
-        console.error('Error saving file:', error);
-        setToast({ text: 'Failed to save file', type: 'error' });
-        return false;
-      }
-    },
-    [setToast]
-  );
+  const handleDelete = useCallback(async (filePath) => {
+    try {
+      await deleteFile(filePath);
+      notifications.show({
+        title: 'Success',
+        message: 'File deleted successfully',
+        color: 'green',
+      });
+      return true;
+    } catch (error) {
+      console.error('Error deleting file:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to delete file',
+        color: 'red',
+      });
+      return false;
+    }
+  }, []);
 
-  const handleDelete = useCallback(
-    async (filePath) => {
-      try {
-        await deleteFile(filePath);
-        setToast({ text: 'File deleted successfully', type: 'success' });
-        return true;
-      } catch (error) {
-        setToast({ text: `Error deleting file`, type: 'error' });
-        console.error('Error deleting file:', error);
-        return false;
-      }
-    },
-    [setToast]
-  );
-
-  const handleCreate = useCallback(
-    async (fileName, initialContent = '') => {
-      try {
-        await saveFileContent(fileName, initialContent);
-        setToast({ text: 'File created successfully', type: 'success' });
-        return true;
-      } catch (error) {
-        setToast({ text: `Error creating new file`, type: 'error' });
-        console.error('Error creating new file:', error);
-        return false;
-      }
-    },
-    [setToast]
-  );
+  const handleCreate = useCallback(async (fileName, initialContent = '') => {
+    try {
+      await saveFileContent(fileName, initialContent);
+      notifications.show({
+        title: 'Success',
+        message: 'File created successfully',
+        color: 'green',
+      });
+      return true;
+    } catch (error) {
+      console.error('Error creating new file:', error);
+      notifications.show({
+        title: 'Error',
+        message: 'Failed to create new file',
+        color: 'red',
+      });
+      return false;
+    }
+  }, []);
 
   return { handleSave, handleDelete, handleCreate };
 };