fix i18n watcher and window global (#12)

huseyindeniz · Oct 1, 2023 · a99117a · a99117a
1 parent 2094b7e
commit a99117a
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -82,6 +82,9 @@
         }
       }
     </style>
+    <script>
+      window.global = window;
+    </script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vitedapp",
   "private": true,
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/features/i18n/components/LangMenu/LangMenu.tsx b/src/features/i18n/components/LangMenu/LangMenu.tsx
@@ -6,7 +6,6 @@ import { useLocation } from 'react-router-dom';
 
 import { i18nConfig } from '../../config';
 import { useChangeLanguage } from '../../useChangeLanguage';
-import { useI18nWatcher } from '../../useI18nWatchers';
 
 const LangModal = React.lazy(() =>
   import(/* webpackChunkName: "LangModal" */ './LangModal').then(module => ({
@@ -17,7 +16,6 @@ const LangModal = React.lazy(() =>
 export const LangMenu: React.FC = () => {
   const location = useLocation();
   const { i18n } = useTranslation('Layout');
-  useI18nWatcher();
   const { changeLanguage } = useChangeLanguage(
     location.pathname,
     i18n.resolvedLanguage ?? i18nConfig.fallbackLang.code

diff --git a/src/features/ui/components/Layout/Copyright/Copyright.tsx b/src/features/ui/components/Layout/Copyright/Copyright.tsx
@@ -8,7 +8,7 @@ import reactDappTemplateLogo from '../../../assets/images/react-dapp-template-lo
 export const Copyright: React.FC = React.memo(() => {
   return (
     <Box>
-      <Tooltip label="Powered by React dApp Template (Vite) v0.3.0">
+      <Tooltip label="Powered by React dApp Template (Vite) v0.3.1">
         <Button
           as={Link}
           href="https://github.com/huseyindeniz/vite-react-dapp-template"

diff --git a/src/features/ui/components/Layout/Layout.tsx b/src/features/ui/components/Layout/Layout.tsx
@@ -7,6 +7,7 @@ import { HelmetProvider } from 'react-helmet-async';
 import { useTranslation } from 'react-i18next';
 import { useLocation, Outlet } from 'react-router-dom';
 
+import { useI18nWatcher } from '@/features/i18n/useI18nWatchers';
 import { usePageLink } from '@/pages/usePageLink';
 import { usePages } from '@/pages/usePages';
 
@@ -29,6 +30,7 @@ const myErrorHandler = (error: Error, info: { componentStack: string }) => {
 export const Layout: React.FC = () => {
   const location = useLocation();
   const { t } = useTranslation('Layout');
+  useI18nWatcher();
   const { pageLink } = usePageLink();
   const { mainMenuItems, secondaryMenuItems } = usePages();
   const siteName = t('SITE_NAME');