WIP

src/hooks/redux.ts

@@ -0,0 +1,7 @@
+import type { TypedUseSelectorHook } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
+
+import type { AppDispatch, RootState } from '../store';
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

src/hooks/useTranslationsContextValue.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import Translations_EN from '../translations/en';
-import Translations_JP from '../translations/jp';
-import Translations_PT from '../translations/pt';
-import type {
-  languageTemplate,
-  TranslationsContextData,
-} from '../translations/TranslationsContext';
-import { LanguageEnum } from '../translations/TranslationsContext';
-
-export const useTranslationsContextValue = (): TranslationsContextData => {
-  const [currentLanguage, setcurrentLanguage] = React.useState<LanguageEnum>(
-    LanguageEnum.ENGLISH,
-  );
-  const [translation, setTranslation] =
-    React.useState<languageTemplate>(Translations_EN);
-
-  const setLanguage = React.useCallback(
-    (language: LanguageEnum) => {
-      setcurrentLanguage(language);
-      switch (language) {
-        case LanguageEnum.ENGLISH:
-          setTranslation(Translations_EN);
-          break;
-        case LanguageEnum.JAPANESE:
-          setTranslation(Translations_JP);
-          break;
-        case LanguageEnum.PORTUGUESE:
-          setTranslation(Translations_PT);
-          break;
-      }
-    },
-    [setcurrentLanguage, setTranslation],
-  );
-
-  return {
-    language: currentLanguage,
-    setLanguage: setLanguage,
-    translations: translation,
-  };
-};