diff --git a/client/package.json b/client/package.json
index 097c808..23a036e 100644
--- a/client/package.json
+++ b/client/package.json
@@ -13,6 +13,7 @@
"@react-input/mask": "^1.2.5",
"@uidotdev/usehooks": "^2.4.1",
"date-fns": "^2.30.0",
+ "jose": "^5.9.6",
"ky": "^1.0.1",
"lodash": "^4.17.21",
"react": "^18.2.0",
@@ -20,6 +21,7 @@
"react-datepicker": "^4.20.0",
"react-dom": "^18.2.0",
"react-google-recaptcha": "^3.1.0",
+ "react-hot-toast": "^2.4.1",
"react-router-dom": "^6.15.0",
"react-transition-group": "^4.4.5",
"zustand": "^4.4.1"
@@ -34,14 +36,14 @@
"@types/react-transition-group": "^4.4.7",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
- "@vitejs/plugin-react-swc": "^3.3.2",
- "autoprefixer": "^10.4.15",
+ "@vitejs/plugin-react-swc": "^3.7.1",
+ "autoprefixer": "^10.4.20",
"eslint": "^8.45.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"postcss": "^8.4.29",
- "tailwindcss": "^3.3.3",
- "typescript": "^5.0.2",
- "vite": "^4.4.5"
+ "tailwindcss": "^3.4.14",
+ "typescript": "^5.6.3",
+ "vite": "^5.4.10"
}
}
diff --git a/client/src/components/Header.tsx b/client/src/components/Header.tsx
index ce9d497..afe8466 100644
--- a/client/src/components/Header.tsx
+++ b/client/src/components/Header.tsx
@@ -3,40 +3,37 @@ import useAuthStore from "../stores/useAuthStore";
import Button from "./Button";
function Header() {
- const [accessToken, setAccessToken] = useAuthStore((state) => [
- state.accessToken,
- state.setAccessToken,
- ]);
+ const { user, setUser } = useAuthStore();
function logout() {
- setAccessToken(null);
+ setUser(null);
}
return (
-
+
- {accessToken ? (
+ {user?.accessToken ? (
) : (
Login
diff --git a/client/src/components/Menu.tsx b/client/src/components/Menu.tsx
index b63477a..4caa0f3 100644
--- a/client/src/components/Menu.tsx
+++ b/client/src/components/Menu.tsx
@@ -10,18 +10,18 @@ import { useClickAway } from "@uidotdev/usehooks";
function Menu() {
const [isShow, setIsShow] = useState
(false);
- const { user, setAccessToken } = useAuthStore();
+ const { user, setUser } = useAuthStore();
const ref = useClickAway(() => {
setIsShow(false);
});
function logout() {
- setAccessToken(null);
+ setUser(null);
}
return (
-
+