✨ frontend add

frontend/admin/src/hooks/useLocalStorage.ts

@@ -0,0 +1,25 @@
+import { useState } from 'react'
+
+export const useLocalStorage = (key: string, initialValue: unknown = '') => {
+  const [storeValue, setStoreValue] = useState(() => {
+    try {
+      const item = window.localStorage.getItem(key)
+      return item ? JSON.parse(item) : initialValue
+    } catch (error) {
+      return initialValue
+    }
+  })
+
+  const setValue = (value: unknown) => {
+    try {
+      const valueToStore = value instanceof Function ? value(storeValue) : value
+
+      setStoreValue(valueToStore)
+      window.localStorage.setItem(key, JSON.stringify(valueToStore))
+    } catch (error) {
+      console.error(`useLocalStorage setValue error : ${error.message}`)
+    }
+  }
+
+  return [storeValue, setValue]
+}

frontend/admin/src/hooks/useMounted.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react'
+
+export default function useMounted() {
+  const [mounted, setMounted] = useState<boolean>(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  return mounted
+}

frontend/admin/src/hooks/usePage.ts

@@ -0,0 +1,17 @@
+import { pageAtom, pageSelector } from '@stores'
+import { useState } from 'react'
+import { useRecoilValue, useSetRecoilState } from 'recoil'
+
+export default function usePage(conditionKey: string, initPage: number = 0) {
+  const pageState = useRecoilValue(pageAtom(conditionKey))
+  const setValue = useSetRecoilState(pageSelector(conditionKey))
+
+  const [page, setPage] = useState<number>(pageState || initPage)
+
+  const setPageValue = (num: number) => {
+    setValue(num)
+    setPage(num)
+  }
+
+  return { page, setPageValue }
+}

frontend/admin/src/hooks/useSearchType.ts

@@ -0,0 +1,12 @@
+import { IKeywordType } from '@components/Search'
+import { useEffect, useState } from 'react'
+
+export default function useSearchTypes(init: IKeywordType[]) {
+  const [searchTypes, setSearchTypes] = useState<IKeywordType[]>([])
+
+  useEffect(() => {
+    setSearchTypes(init)
+  }, [])
+
+  return searchTypes
+}

frontend/admin/src/hooks/useUser.ts

@@ -0,0 +1,36 @@
+import useSWR from 'swr'
+import axios from 'axios'
+import { AUTH_USER_ID } from '@constants/env'
+import { loginSerivce } from '@service'
+
+export default function useUser() {
+  const { data, error, mutate } = useSWR(
+    `/user-service/api/v1/users`,
+    async (url: string) => {
+      let userId = axios.defaults.headers.common[AUTH_USER_ID]
+      if (!userId) {
+        await loginSerivce.silentRefresh()
+      }
+      userId = axios.defaults.headers.common[AUTH_USER_ID]
+      if (userId) {
+        return axios.get(`${url}/${userId}`).then(res => res.data)
+      } else {
+        throw new Error('No User')
+      }
+    },
+  )
+
+  const loading = !data && !error
+  const isLogin = !Boolean(error) && Boolean(data)
+  const loggedOut =
+    error && (error.response?.status === 401 || error.response?.status === 403)
+
+  return {
+    user: data,
+    loading: loading,
+    isLogin,
+    error,
+    mutate,
+    loggedOut,
+  }
+}