delete husky fix SideBar mobile translate

Maakaf · May 22, 2024 · 56ab4b3 · 56ab4b3
1 parent b4fc8b4
commit 56ab4b3
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 26 deletions.
diff --git a/components/Header/NavRightSide.tsx b/components/Header/NavRightSide.tsx
@@ -42,8 +42,8 @@ const NavRightSide = () => {
     </>
   ) : (
     <div className="flex gap-3 items-center">
-      <LocalSwitcher />
       <Darkmode />
+      <LocalSwitcher />
     </div>
   );
 };

diff --git a/components/Header/Sidebar.tsx b/components/Header/Sidebar.tsx
@@ -6,6 +6,8 @@ import { useEffect, useRef } from 'react';
 import useFocusTrap from '../hooks/useFocusTrap';
 import { useTheme } from 'next-themes';
 import Link from 'next/link';
+import LocalSwitcher from './LocalSwitcher';
+import useTypedLocale from '@/hooks/useTypedLocale';
 
 type NavigationItems = {
   title: string;
@@ -18,38 +20,41 @@ type NavItem = {
   text?: string;
 };
 
-const navigationItems: NavigationItems[] = [
-  {
-    title: 'Newbies',
-    text: 'פעם ראשונה בקוד פתוח',
-    linkPath: '/newbies',
-  },
-  {
-    title: 'Members',
-    text: 'מי שכבר התנסה בקוד פתוח',
-    linkPath: '/members',
-  },
-  {
-    title: 'Maintainers',
-    text: 'בעלי פרויקטים שרוצים להצטרף',
-    linkPath: '/maintainers',
-  },
-  {
-    title: 'מי אנחנו',
-    linkPath: '/about',
-  },
-  {
-    title: 'הפרויקטים',
-    linkPath: '/projects',
-  },
-];
 
 interface SidebarProps {
   isOpen: boolean;
   toggleSidebar: () => void;
 }
 
 const Sidebar: React.FC<SidebarProps> = ({ isOpen, toggleSidebar }) => {
+  const local = useTypedLocale()
+  const navigationItems: NavigationItems[] = [
+    {
+      title: local==="en"?'Newbies':"מתחילים",
+      text: local === "en" ? "new to open source":'פעם ראשונה בקוד פתוח',
+      linkPath: '/newbies',
+    },
+    {
+      title: local === "en" ? 'Members':"חברי קהילה",
+      text: local === "en" ? "Those who experienced open source ":'מי שכבר התנסה בקוד פתוח',
+      linkPath: '/members',
+    },
+    {
+      title: local === "en" ? 'Maintainers':"מתחזקי קהילה",
+      text: local === "en" ? "Project owners who want to join":'בעלי פרויקטים שרוצים להצטרף',
+      linkPath: '/maintainers',
+    },
+    {
+      title: local === "en" ? "Who We Are":'מי אנחנו',
+      linkPath: '/about',
+    },
+    {
+      title: local === "en" ? "Projects":'הפרויקטים',
+      linkPath: '/projects',
+    },
+  ];
+
+
   const sidebarRef = useRef<HTMLDivElement | null>(null);
 
   const { theme } = useTheme();
@@ -90,7 +95,14 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, toggleSidebar }) => {
       {isOpen ? (
         <div className="p-5 flex flex-col gap-14">
           <div className="flex items-center justify-between">
+            <div className=' flex gap-2 p-1 items-center'>
+
+
+            <LocalSwitcher/>
+
             <Darkmode />
+
+            </div>
             <button onClick={toggleSidebar}>
               {theme === 'dark' ? (
                 <Image

diff --git a/public/locales/en.json b/public/locales/en.json
@@ -179,6 +179,7 @@
     "newbies": "First time in Open Source",
     "members": "already participated in Open Source",
     "maintainers": "Project maintainers who wants to join"
+
   },
   "Footer": {
     "projects": "Projects",