diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 58c6fc5..c3b808d 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -73,7 +73,7 @@ export default function RootLayout({ className={`min-h-screen flex flex-col items-stretch m-0 darkmode-main ${birzia.className} ${inter.variable}`} > -
+
{children} diff --git a/app/layout.tsx b/app/layout.tsx index bb90f76..1bf5cc4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,3 +1,5 @@ +import useLocalStorage from "@/hooks/useLocalStorage"; + export default function RootLayout({ children, params: { locale }, @@ -5,6 +7,9 @@ export default function RootLayout({ children: React.ReactNode; params: { locale: string }; }) { + + + return ( {children} diff --git a/components.json b/components.json index 4c8fe88..7bced18 100644 --- a/components.json +++ b/components.json @@ -9,6 +9,7 @@ "baseColor": "slate", "cssVariables": false }, + "aliases": { "components": "@/components", "utils": "@/lib/utils" diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx index 68a1e4b..eff44cd 100644 --- a/components/Header/Header.tsx +++ b/components/Header/Header.tsx @@ -5,6 +5,8 @@ import dynamic from 'next/dynamic'; import { LINKS } from '@/config/consts'; import HeaderItems from './HeaderItems'; import { useTranslations } from 'next-intl'; +import useTextDirection from '@/hooks/useTextDirection'; + const NavRightSide = dynamic(() => import('./NavRightSide'), { ssr: false, @@ -17,8 +19,14 @@ const NavRightSide = dynamic(() => import('./NavRightSide'), { ), }); -const Header: React.FC = () => { + + + +const Header: React.FC= () => { const t = useTranslations('Header'); + const direction = useTextDirection() + + const headerText = { projects: t('projects'), aboutUs: t('aboutUs'), @@ -29,7 +37,10 @@ const Header: React.FC = () => { }; return ( <> -