added session for auth

src/hooks/auth/useSessionCookie.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+
+import { autorun } from 'mobx';
+
+import { useAuthStore } from '~/store/auth/useAuthStore';
+import { setCookie } from '~/utils/dom/cookie';
+
+export const useSessionCookie = () => {
+  const auth = useAuthStore();
+
+  useEffect(
+    () =>
+      autorun(() => {
+        setCookie('session', auth.token, 30);
+      }),
+    [auth]
+  );
+};

src/utils/dom/cookie.ts

@@ -0,0 +1,13 @@
+export const setCookie = (name: string, value: string, days: number) => {
+  let expires;
+
+  if (days) {
+    const date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    expires = '; expires=' + date.toISOString();
+  } else {
+    expires = '';
+  }
+
+  document.cookie = name + '=' + value + expires + '; path=/';
+};

src/utils/providers/AuthProvider.tsx

@@ -6,6 +6,7 @@ import { EMPTY_USER } from '~/constants/auth';
 import { useAuth } from '~/hooks/auth/useAuth';
 import { useMessageEventReactions } from '~/hooks/auth/useMessageEventReactions';
 import { useRestorePasswordRedirect } from '~/hooks/auth/useRestorePasswordRedirect';
+import { useSessionCookie } from '~/hooks/auth/useSessionCookie';
 
 interface AuthProviderContextType extends ReturnType<typeof useAuth> {}
 
@@ -24,6 +25,7 @@ export const AuthProvider: FC = observer(({ children }) => {
 
   useMessageEventReactions();
   useRestorePasswordRedirect();
+  useSessionCookie();
 
   return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
 });