🚚 Move new-frontend to frontend (#652)

frontend/src/hooks/useAuth.ts

@@ -0,0 +1,42 @@
+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

frontend/src/hooks/useCustomToast.ts

@@ -0,0 +1,23 @@
+import { useCallback } from 'react'
+import { useToast } from '@chakra-ui/react'
+
+const useCustomToast = () => {
+  const toast = useToast()
+
+  const showToast = useCallback(
+    (title: string, description: string, status: 'success' | 'error') => {
+      toast({
+        title,
+        description,
+        status,
+        isClosable: true,
+        position: 'bottom-right',
+      })
+    },
+    [toast],
+  )
+
+  return showToast
+}
+
+export default useCustomToast