add rtl to html on lang change

yousefomar724 · Jun 27, 2022 · e93b6be · e93b6be
1 parent 48d20b2
commit e93b6be
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/components/Header111.js b/components/Header111.js
@@ -178,9 +178,9 @@ const Header = () => {
                               key={index}
                               href={`/international-coin/${curr1[index][0]}`}
                               as={Link}
-                              className={`${textAlign}`}
                             >
                               <a
+                                className={`${textAlign}`}
                                 style={{
                                   color: 'black',
                                   display: 'flex',

diff --git a/pages/_app.js b/pages/_app.js
@@ -10,8 +10,13 @@ import '../lib/i18n'
 import SSRProvider from 'react-bootstrap/SSRProvider'
 import { DefaultSeo } from 'next-seo'
 import SEO from '../next-seo.config'
+import { useTranslation } from 'react-i18next'
 
 function MyApp({ Component, pageProps }) {
+  const { i18n } = useTranslation()
+  if (process.browser) {
+    document.dir = i18n.dir()
+  }
   return (
     <SWRConfig
       value={{