✨ Migrate to TanStack Query (React Query) and TanStack Router (#637)

new-frontend/src/hooks/useAuth.ts

@@ -0,0 +1,33 @@
+import { useQuery } from 'react-query';
+import { useNavigate } from '@tanstack/react-router';
+
+import { Body_login_login_access_token as AccessToken, LoginService, UserOut, UsersService } from '../client';
+
+const isLoggedIn = () => {
+    return localStorage.getItem('access_token') !== null;
+};
+
+const useAuth = () => {
+    const navigate = useNavigate();
+    const { data: user, isLoading } = useQuery<UserOut | null, Error>('currentUser', UsersService.readUserMe, {
+        enabled: isLoggedIn(),
+    });
+
+    const login = async (data: AccessToken) => {
+        const response = await LoginService.loginAccessToken({
+            formData: data,
+        });
+        localStorage.setItem('access_token', response.access_token);
+        navigate({ to: '/' });
+    };
+
+    const logout = () => {
+        localStorage.removeItem('access_token');
+        navigate({ to: '/login' });
+    };
+
+    return { login, logout, user, isLoading };
+}
+
+export { isLoggedIn };
+export default useAuth;

new-frontend/src/hooks/useAuth.tsx

@@ -1,38 +0,0 @@
-import { useUserStore } from '../store/user-store';
-import { Body_login_login_access_token as AccessToken, LoginService } from '../client';
-import { useUsersStore } from '../store/users-store';
-import { useItemsStore } from '../store/items-store';
-import { useNavigate } from 'react-router-dom';
-
-const isLoggedIn = () => {
-    return localStorage.getItem('access_token') !== null;
-};
-
-const useAuth = () => {
-    const { getUser, resetUser } = useUserStore();
-    const { resetUsers } = useUsersStore();
-    const { resetItems } = useItemsStore();
-    const navigate = useNavigate();
-
-    const login = async (data: AccessToken) => {
-        const response = await LoginService.loginAccessToken({
-            formData: data,
-        });
-        localStorage.setItem('access_token', response.access_token);
-        await getUser();
-        navigate('/');
-    };
-
-    const logout = () => {
-        localStorage.removeItem('access_token');
-        resetUser();
-        resetUsers();
-        resetItems();
-        navigate('/login');
-    };
-
-    return { login, logout };
-}
-
-export { isLoggedIn };
-export default useAuth;

new-frontend/src/hooks/useCustomToast.ts

@@ -11,6 +11,7 @@ const useCustomToast = () => {
             description,
             status,
             isClosable: true,
+            position: 'bottom-right'
         });
     }, [toast]);