From 69aeb7889ac136a8e4fbe7de1330298e30345479 Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Wed, 22 Oct 2025 13:59:12 +0400
Subject: feat/frontend: switch to vite, update node to v22 (#281)

---
 frontend/src/hooks/UseConfirm.tsx     | 56 +++++++++++++++++------------------
 frontend/src/hooks/UseMessage.tsx     | 52 ++++++++++++++++----------------
 frontend/src/hooks/UseMessageLoad.tsx | 48 +++++++++++++++---------------
 3 files changed, 78 insertions(+), 78 deletions(-)

(limited to 'frontend/src/hooks')

diff --git a/frontend/src/hooks/UseConfirm.tsx b/frontend/src/hooks/UseConfirm.tsx
index e86d70d..593427e 100644
--- a/frontend/src/hooks/UseConfirm.tsx
+++ b/frontend/src/hooks/UseConfirm.tsx
@@ -1,40 +1,40 @@
-import React, { useState } from 'react';
-import ConfirmDialog from '@components/ConfirmDialog';
+import React, { useState } from "react";
+import ConfirmDialog from "@components/ConfirmDialog";
 
 const useConfirm = () => {
-    const [isOpen, setIsOpen] = useState(false);
-	const [title, setTitle] = useState<string>("");
-	const [subtitle, setSubtitle] = useState<string>("");
-    const [resolvePromise, setResolvePromise] = useState<((value: boolean) => void) | null>(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [title, setTitle] = useState<string>("");
+  const [subtitle, setSubtitle] = useState<string>("");
+  const [resolvePromise, setResolvePromise] = useState<((value: boolean) => void) | null>(null);
 
-    const confirm = ( titleN: string, subtitleN: string ) => {
-        setIsOpen(true);
-		setTitle(titleN);
-		setSubtitle(subtitleN);
-        return new Promise<boolean>((resolve) => {
-            setResolvePromise(() => resolve);
-        });
-    };
+  const confirm = ( titleN: string, subtitleN: string ) => {
+    setIsOpen(true);
+    setTitle(titleN);
+    setSubtitle(subtitleN);
+    return new Promise<boolean>((resolve) => {
+      setResolvePromise(() => resolve);
+    });
+  };
 
-    const handleConfirm = () => {
-        setIsOpen(false);
-        if (resolvePromise) {
-            resolvePromise(true);
-        }
+  const handleConfirm = () => {
+    setIsOpen(false);
+    if (resolvePromise) {
+      resolvePromise(true);
     }
+  }
 
-    const handleCancel = () => {
-        setIsOpen(false);
-        if (resolvePromise) {
-            resolvePromise(false);
-        }
+  const handleCancel = () => {
+    setIsOpen(false);
+    if (resolvePromise) {
+      resolvePromise(false);
     }
+  }
 
-    const ConfirmDialogComponent = isOpen && (
-        <ConfirmDialog title={title} subtitle={subtitle} onConfirm={handleConfirm} onCancel={handleCancel}></ConfirmDialog>
-    );
+  const ConfirmDialogComponent = isOpen && (
+    <ConfirmDialog title={title} subtitle={subtitle} onConfirm={handleConfirm} onCancel={handleCancel}></ConfirmDialog>
+  );
 
-    return { confirm, ConfirmDialogComponent };
+  return { confirm, ConfirmDialogComponent };
 }
 
 export default useConfirm;
diff --git a/frontend/src/hooks/UseMessage.tsx b/frontend/src/hooks/UseMessage.tsx
index 97ec746..22a5168 100644
--- a/frontend/src/hooks/UseMessage.tsx
+++ b/frontend/src/hooks/UseMessage.tsx
@@ -1,37 +1,37 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import MessageDialog from "@components/MessageDialog";
 
 const useMessage = () => {
-    const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
-    const [title, setTitle] = useState<string>("");
-    const [subtitle, setSubtitle] = useState<string>("");
-    const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
+  const [title, setTitle] = useState<string>("");
+  const [subtitle, setSubtitle] = useState<string>("");
+  const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
 
-    const message = (title: string, subtitle: string) => {
-        setIsOpen(true);
-        setTitle(title);
-        setSubtitle(subtitle);
-		return new Promise((resolve) => {
-			setResolvePromise(() => resolve);
-		});
-    };
+  const message = (title: string, subtitle: string) => {
+    setIsOpen(true);
+    setTitle(title);
+    setSubtitle(subtitle);
+    return new Promise((resolve) => {
+      setResolvePromise(() => resolve);
+    });
+  };
 
-    const handleClose = () => {
-        setIsOpen(false);
-        if (resolvePromise) {
-            resolvePromise();
-            setResolvePromise(null);
-        }
-    };
+  const handleClose = () => {
+    setIsOpen(false);
+    if (resolvePromise) {
+      resolvePromise();
+      setResolvePromise(null);
+    }
+  };
 
-    const MessageDialogComponent = isOpen && (
-		<div className="dialog-container">
-        <MessageDialog title={title} subtitle={subtitle} onClose={handleClose}></MessageDialog>
-		</div>
-    );
+  const MessageDialogComponent = isOpen && (
+    <div className="dialog-container">
+      <MessageDialog title={title} subtitle={subtitle} onClose={handleClose}></MessageDialog>
+    </div>
+  );
 
-    return { message, MessageDialogComponent };
+  return { message, MessageDialogComponent };
 }
 
 export default useMessage;
diff --git a/frontend/src/hooks/UseMessageLoad.tsx b/frontend/src/hooks/UseMessageLoad.tsx
index 228c2b4..eb42a45 100644
--- a/frontend/src/hooks/UseMessageLoad.tsx
+++ b/frontend/src/hooks/UseMessageLoad.tsx
@@ -1,35 +1,35 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import MessageDialogLoad from "@components/MessageDialogLoad";
 
 const useMessageLoad = () => {
-    const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
-    const [title, setTitle] = useState<string>("");
-    const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
+  const [title, setTitle] = useState<string>("");
+  const [resolvePromise, setResolvePromise] = useState<(() => void) | null>(null);
 
-	const messageLoad = (title: string) => {
-        setIsOpen(true);
-        setTitle(title);
-		return new Promise((resolve) => {
-			setResolvePromise(() => resolve);
-		});
-    };
+  const messageLoad = (title: string) => {
+    setIsOpen(true);
+    setTitle(title);
+    return new Promise((resolve) => {
+      setResolvePromise(() => resolve);
+    });
+  };
 
-    const messageLoadClose = () => {
-        setIsOpen(false);
-        if (resolvePromise) {
-            resolvePromise();
-            setResolvePromise(null);
-        }
-    };
+  const messageLoadClose = () => {
+    setIsOpen(false);
+    if (resolvePromise) {
+      resolvePromise();
+      setResolvePromise(null);
+    }
+  };
 
-    const MessageDialogLoadComponent = isOpen && (
-		<div className="dialog-container">
-        <MessageDialogLoad title={title} onClose={messageLoadClose}></MessageDialogLoad>
-		</div>
-    );
+  const MessageDialogLoadComponent = isOpen && (
+    <div className="dialog-container">
+      <MessageDialogLoad title={title} onClose={messageLoadClose}></MessageDialogLoad>
+    </div>
+  );
 
-    return { messageLoad, messageLoadClose, MessageDialogLoadComponent };
+  return { messageLoad, messageLoadClose, MessageDialogLoadComponent };
 }
 
 export default useMessageLoad;
-- 
cgit v1.2.3