11"use client" ;
22
3- import { MenuDataItem } from "@/types/listMenu" ;
3+ // import { MenuDataItem } from "@/types/listMenu";
44import Tooltip from '@mui/material/Tooltip' ;
5-
6-
75import ListMenuSvgModule from "./list/ListMenuSvgModule" ;
86import ListMenuTitleModule from "./list/ListMenuTitleModule" ;
9-
107import ListMenuArrow from "./list/ListMenuArrow" ;
11-
12- import { Modals_fa , Modals_en } from "@/components/utils/modals-content" ;
138import { useState } from "react" ;
14- import Modal from "@/components/templates/modal" ;
15- import ListMenuActiveIconModule from "./list/ListMenuActiveIconModule" ;
16- import Image from "next/image" ;
9+
1710import Link from "next/link" ;
1811
1912export default function SideBarContent ( {
@@ -25,19 +18,32 @@ export default function SideBarContent({
2518
2619 const [ activeNav , setActiveNav ] = useState ( params . levelName ) ;
2720 const staticRouteNames = [
28- { name : 'citizen ' , route_name : "citizen-baguette" } ,
29- { name : 'journalist ' , route_name : "reporter-baguette" } ,
21+ { name : '1 ' , route_name : "citizen-baguette" } ,
22+ { name : '2 ' , route_name : "reporter-baguette" } ,
3023 { name : 'participant' , route_name : "participation-baguette" } ,
31- { name : 'developer ' , route_name : "developer-baguette" } ,
32- { name : 'inspector ' , route_name : "inspector-baguette" } ,
24+ { name : '4 ' , route_name : "developer-baguette" } ,
25+ { name : '5 ' , route_name : "inspector-baguette" } ,
3326 { name : 'businessman' , route_name : "businessman-baguette" } ,
34- { name : 'lawyer ' , route_name : "lawyer-baguette" } ,
27+ { name : '7 ' , route_name : "lawyer-baguette" } ,
3528 { name : 'city council' , route_name : "city-council-baguette" } ,
3629 { name : 'the mayor' , route_name : "the-mayor-baguette" } ,
37- { name : 'governor' , route_name : "governor-baguette" } ,
38- { name : 'minister' , route_name : "minister-baguette" } ,
39- { name : 'judge' , route_name : "judge-baguette" } ,
40- { name : 'legislator' , route_name : "legislator-baguette" } ,
30+ { name : '10' , route_name : "governor-baguette" } ,
31+ { name : '11' , route_name : "minister-baguette" } ,
32+ { name : '12' , route_name : "judge-baguette" } ,
33+ { name : '13' , route_name : "legislator-baguette" } ,
34+ // { name: 'citizen', route_name: "citizen-baguette" },
35+ // { name: 'journalist', route_name: "reporter-baguette" },
36+ // { name: 'participant', route_name: "participation-baguette" },
37+ // { name: 'developer', route_name: "developer-baguette" },
38+ // { name: 'inspector', route_name: "inspector-baguette" },
39+ // { name: 'businessman', route_name: "businessman-baguette" },
40+ // { name: 'lawyer', route_name: "lawyer-baguette" },
41+ // { name: 'city council', route_name: "city-council-baguette" },
42+ // { name: 'the mayor', route_name: "the-mayor-baguette" },
43+ // { name: 'governor', route_name: "governor-baguette" },
44+ // { name: 'minister', route_name: "minister-baguette" },
45+ // { name: 'judge', route_name: "judge-baguette" },
46+ // { name: 'legislator', route_name: "legislator-baguette" },
4147] ;
4248tabsMenu . forEach ( ( el1 ) => {
4349 staticRouteNames . forEach ( ( el2 ) => {
@@ -51,8 +57,6 @@ tabsMenu.forEach((el1) => {
5157 setActiveNav ( tabNumber ) ;
5258}
5359
54- console . log ( 'hereeeeee122' , tabsMenu ) ;
55-
5660
5761 return (
5862 < >
@@ -85,59 +89,59 @@ console.log('hereeeeee122', tabsMenu);
8589 } ,
8690 ] ,
8791 } }
88- >
89- < li onClick = { ( ) => onTabClick ( item , i ) } data-tooltip-id = { item . name } >
90- { item . route_name ?
91- < Link
92- className = { `px-2 flex flex-col items-center box-border menu-transition` }
93- href = { `/${ langData . code } /levels/citizen/${ item ?. route_name } /general-info` }
94- >
95- < div
96- className = { `${ activeNav == item ?. route_name ? "bg-grayLight dark:bg-black" :'' } w-full flex flex-row items-center group py-2
97- ${ isClosed ? "justify-center" : "justify-start" } rounded-[10px] menu-transition border border-transparent hover:border-[#0066FF] dark:hover:bg-[#1A1A18] dark:hover:border-[#FFC700]` }
98- >
99- < span className = "" >
100- < ListMenuSvgModule item = { item } i = { i } activeNav = { activeNav } />
101- </ span >
102- < ListMenuTitleModule
103- isClosed = { isClosed }
104- item = { item }
105- i = { i }
106- activeNav = { activeNav }
107- />
108- < ListMenuArrow item = { item } />
109- </ div >
110- </ Link >
111- :
112- < Link
113- className = { `px-2 flex flex-col items-center box-border` }
114- href = { `/${ langData . code } ` }
115- >
116- < div
117- className = { `w-full flex flex-row items-center group py-[5px]
118- ${ isClosed ? "justify-center" : "justify-start" } rounded-[10px] border border-transparent hover:border-[#0066FF] dark:hover:bg-[#1A1A18] dark:hover:border-[#FFC700]` }
11992 >
120- < span className = "" >
121- < ListMenuSvgModule item = { item } i = { i } activeNav = { activeNav } />
122- </ span >
123- { ! isClosed && (
124- < ListMenuTitleModule
125- item = { item }
126- i = { i }
127- activeNav = { activeNav }
128- />
129- ) }
130- < ListMenuArrow item = { item } />
131- </ div >
132- </ Link >
133- }
134- </ li >
135- { /* <ReactTooltip
136- id={item.name}
137- className="tooltip-bg-color"
138- content={item.translation}
139- /> */ }
140- </ Tooltip >
93+ < li onClick = { ( ) => onTabClick ( item , i ) } >
94+ { item . route_name ?
95+ < Link
96+ className = { `px-2 flex flex-col items-center box-border menu-transition` }
97+ href = { `/${ langData . code } /levels/citizen/${ item ?. route_name } /general-info` }
98+ >
99+ < div
100+ className = { `${ activeNav == item ?. route_name ? "bg-grayLight dark:bg-black" :'' } w-full flex flex-row items-center group py-2
101+ ${ isClosed ? "justify-center" : "justify-start" } rounded-[10px] menu-transition border border-transparent hover:border-[#0066FF] dark:hover:bg-[#1A1A18] dark:hover:border-[#FFC700]` }
102+ >
103+ < span className = "" >
104+ < ListMenuSvgModule item = { item } i = { i } activeNav = { activeNav } />
105+ </ span >
106+ < ListMenuTitleModule
107+ isClosed = { isClosed }
108+ item = { item }
109+ i = { i }
110+ activeNav = { activeNav }
111+ />
112+ < ListMenuArrow item = { item } />
113+ </ div >
114+ </ Link >
115+ :
116+ < Link
117+ className = { `px-2 flex flex-col items-center box-border` }
118+ href = { `/${ langData . code } ` }
119+ >
120+ < div
121+ className = { `w-full flex flex-row items-center group py-[5px]
122+ ${ isClosed ? "justify-center" : "justify-start" } rounded-[10px] border border-transparent hover:border-[#0066FF] dark:hover:bg-[#1A1A18] dark:hover:border-[#FFC700]` }
123+ >
124+ < span className = "" >
125+ < ListMenuSvgModule item = { item } i = { i } activeNav = { activeNav } />
126+ </ span >
127+ { ! isClosed && (
128+ < ListMenuTitleModule
129+ item = { item }
130+ i = { i }
131+ activeNav = { activeNav }
132+ />
133+ ) }
134+ < ListMenuArrow item = { item } />
135+ </ div >
136+ </ Link >
137+ }
138+ </ li >
139+ { /* <ReactTooltip
140+ id={item.name}
141+ className="tooltip-bg-color"
142+ content={item.translation}
143+ /> */ }
144+ </ Tooltip >
141145 </ div >
142146 ) ) }
143147 </ ul >
0 commit comments