chore: initial commit

utils/authentication/AuthenticationContext.tsx

@@ -0,0 +1,60 @@
+import { createContext, useState, useEffect, useMemo, useContext } from 'react'
+import useTranslation from 'next-translate/useTranslation'
+import setLanguage from 'next-translate/setLanguage'
+
+import {
+  Authentication,
+  PagePropsWithAuthentication,
+  User,
+  UserSettings
+} from '.'
+import { useTheme } from 'contexts/Theme'
+
+export interface AuthenticationValue {
+  authentication: Authentication
+  user: User
+  settings: UserSettings
+}
+
+const defaultAnthenticationContext: AuthenticationValue = {} as any
+const AuthenticationContext = createContext<AuthenticationValue>(
+  defaultAnthenticationContext
+)
+
+export const AuthenticationProvider: React.FC<PagePropsWithAuthentication> = (
+  props
+) => {
+  const { lang } = useTranslation()
+  const { theme, setTheme } = useTheme()
+  const [user] = useState<User>(props.authentication.user)
+  const [settings] = useState<UserSettings>(props.authentication.settings)
+
+  const authentication = useMemo(() => {
+    return new Authentication(props.authentication.tokens)
+  }, [props.authentication.tokens])
+
+  useEffect(() => {
+    setLanguage(settings.language).catch(() => {})
+    setTheme(settings.theme)
+  }, [])
+
+  useEffect(() => {
+    authentication.api.put('/users/current/settings', { theme }).catch(() => {})
+  }, [theme])
+
+  useEffect(() => {
+    authentication.api
+      .put('/users/current/settings', { language: lang })
+      .catch(() => {})
+  }, [lang])
+
+  return (
+    <AuthenticationContext.Provider value={{ authentication, user, settings }}>
+      {props.children}
+    </AuthenticationContext.Provider>
+  )
+}
+
+export const useAuthentication = (): AuthenticationValue => {
+  return useContext(AuthenticationContext)
+}