feat: add IS_I18N_DEBUG_ENABLED global var

8iq · Jun 12, 2024 · 90349c5 · 90349c5
1 parent 2e72268
commit 90349c5
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/apps/web/components/Layout/header/Header.tsx b/apps/web/components/Layout/header/Header.tsx
@@ -1,9 +1,6 @@
 'use client'
 
-import {
-  useIsAuthenticated,
-  useLink,
-} from '@repo/ui/refine/core'
+import { useIsAuthenticated, useLink, useTranslate } from '@repo/ui/refine/core'
 import React from 'react'
 
 import { Layout, Space, theme } from '@repo/ui/general'
@@ -17,6 +14,8 @@ export const Header: React.FC = () => {
   const Link = useLink()
   const { data: auth } = useIsAuthenticated()
   const isAuthenticated = auth?.authenticated
+  const translate = useTranslate()
+  const loginMessage = translate('buttons.login', 'Login')
 
   const headerStyles: React.CSSProperties = {
     backgroundColor: token.colorBgElevated,
@@ -36,7 +35,7 @@ export const Header: React.FC = () => {
       <Space>
         {/*<Notifications/>*/}
         {isAuthenticated ? <CurrentUser /> : null}
-        {!isAuthenticated ? <Link to={'login'}>Login</Link> : null}
+        {!isAuthenticated ? <Link to={'login'}>{loginMessage}</Link> : null}
       </Space>
     </BaseHeader>
   )

diff --git a/apps/web/components/Layout/index.tsx b/apps/web/components/Layout/index.tsx
@@ -6,8 +6,6 @@ import { BrandTitle } from '../BrandTitle'
 import { Header } from './header'
 
 export const Layout: React.FC<React.PropsWithChildren> = ({ children }) => {
-  console.log('Layout')
-
   return (
     // ThemedLayoutV2: https://refine.dev/docs/ui-integrations/ant-design/components/themed-layout/
     // Header: https://refine.dev/docs/ui-integrations/ant-design/components/themed-layout/#header

diff --git a/apps/web/providers/i18n/index.ts b/apps/web/providers/i18n/index.ts
@@ -9,6 +9,7 @@ import {
   DEFAULT_LOCALE,
   DEFAULT_NAMESPACE,
   LOCALES,
+  IS_I18N_DEBUG_ENABLED,
 } from '@repo/i18n'
 
 import { IMPORTER } from './importer'
@@ -20,7 +21,7 @@ i18next
   .use(LanguageDetector)
   .use(resourcesToBackend(IMPORTER))
   .init({
-    // debug: true,
+    debug: IS_I18N_DEBUG_ENABLED,
     lng: undefined, // let detect the language on client side
     fallbackLng: DEFAULT_LOCALE,
     fallbackNS: DEFAULT_NAMESPACE,

diff --git a/packages/i18n/config.ts b/packages/i18n/config.ts
@@ -2,3 +2,4 @@ export const LOCALE_COOKIE_NAME = 'NEXT_LOCALE'
 export const LOCALES = ['en', 'ru']
 export const DEFAULT_LOCALE = 'en'
 export const DEFAULT_NAMESPACE = 'common'
+export const IS_I18N_DEBUG_ENABLED = false
diff --git a/packages/i18n/server.ts b/packages/i18n/server.ts
@@ -7,6 +7,7 @@ import acceptLanguage from 'accept-language'
 import {
   DEFAULT_LOCALE,
   DEFAULT_NAMESPACE,
+  IS_I18N_DEBUG_ENABLED,
   LOCALE_COOKIE_NAME,
   LOCALES,
 } from './config'
@@ -32,7 +33,7 @@ const initI18next = async (
     .use(initReactI18next)
     .use(resourcesToBackend(importer))
     .init({
-      debug: true,
+      debug: IS_I18N_DEBUG_ENABLED,
       fallbackLng: DEFAULT_LOCALE,
       fallbackNS: DEFAULT_NAMESPACE,
       defaultNS: DEFAULT_NAMESPACE,