From 7eb27bee08846c06a5d3f9e961d55440ec92cb45 Mon Sep 17 00:00:00 2001 From: Alaguraj0361 Date: Tue, 19 Aug 2025 18:54:18 +0530 Subject: [PATCH] mobile menu language updated --- components/MobileMenu/MobileMenu.js | 266 +++++----------------------- 1 file changed, 48 insertions(+), 218 deletions(-) diff --git a/components/MobileMenu/MobileMenu.js b/components/MobileMenu/MobileMenu.js index 76e4967..d8440ec 100644 --- a/components/MobileMenu/MobileMenu.js +++ b/components/MobileMenu/MobileMenu.js @@ -3,235 +3,65 @@ import List from "@mui/material/List"; import ListItem from "@mui/material/List"; import Collapse from "@mui/material/Collapse"; import Link from "next/link"; - -const menus = [ - { - id: 1, - title: 'Home', - link: '/', - // submenu: [ - // { - // id: 11, - // title: 'Main Home', - // link: '/home' - // }, - // { - // id: 12, - // title: 'Election Home', - // link: '/home2' - // }, - // { - // id: 13, - // title: 'Male Candidate', - // link: '/home3' - // }, - // { - // id: 14, - // title: 'Female Candidate', - // link: '/home4' - // }, - // ] - }, - - { - id: 4, - title: 'Our Approach', - link: '/our-approach', - }, - - { - id: 2, - title: 'About', - link: '/about', - submenu: [ - { - id: 11, - title: 'Our Mission', - link: '/about/our-mission' - }, - { - id: 12, - title: 'Racial-Justice', - link: '/about/racial-justice' - }, - ] - }, - - // { - // id: 6, - // title: 'Campaign', - // link: '/campaign', - // submenu: [ - // { - // id: 61, - // title: 'Campaign', - // link: '/campaign', - // }, - // { - // id: 62, - // title: 'Campaign Style 2', - // link: '/campaign-2' - // }, - // { - // id: 63, - // title: 'Campaign Style 3', - // link: '/campaign-3' - // }, - // { - // id: 64, - // title: 'Campaign Single', - // link: '/campaign-single/Support-for-Womans' - // }, - // ] - // }, - { - id: 5, - title: 'Blog', - link: '/blog', - }, - // { - // id: 3, - // title: 'Pages', - // link: '/', - // submenu: [ - // { - // id: 31, - // title: 'Gallery', - // link: '/gallery' - // }, - // { - // id: 322, - // title: 'Testimonial', - // link: '/testimonial' - // }, - // { - // id: 385, - // title: 'Team', - // link: '/team', - // }, - // { - // id: 386, - // title: 'Team Single', - // link: '/team-single/Esther-Howard' - // }, - // { - // id: 388, - // title: 'Services', - // link: '/service' - // }, - // { - // id: 389, - // title: 'Services Single', - // link: '/service-single/Economic-Establishment' - // }, - // { - // id: 371, - // title: 'Shop', - // link: '/shop', - // }, - // { - // id: 375, - // title: 'Shop Single', - // link: '/product-single/The-Audacity-of-Hope' - // }, - // { - // id: 376, - // title: 'Cart', - // link: '/cart' - // }, - // { - // id: 377, - // title: 'Checkout', - // link: '/checkout' - // }, - // { - // id: 33, - // title: 'FAQ', - // link: '/faq' - // }, - // { - // id: 39, - // title: 'Volunteer', - // link: '/volunteer' - // }, - // { - // id: 34, - // title: '404 Error', - // link: '/404' - // }, - // { - // id: 35, - // title: 'Login', - // link: '/login' - // }, - // { - // id: 36, - // title: 'Register', - // link: '/register' - // }, - // ] - // }, - { - id: 3, - title: 'Services', - link: '/services', - }, - - // { - // id: 5, - // title: 'Blog', - // link: '/blog', - // submenu: [ - // { - // id: 51, - // title: 'Blog', - // link: '/blog' - // }, - // { - // id: 52, - // title: 'Blog Left sidebar', - // link: '/blog-left' - // }, - // { - // id: 53, - // title: 'Blog full width', - // link: '/blog-fullwidth' - // }, - // { - // id: 54, - // title: 'Blog single', - // link: '/blog-single/support-progressive-change' - // }, - // { - // id: 55, - // title: 'Blog single Left sidebar', - // link: '/blog-single-left-sidebar/support-progressive-change' - // }, - // { - // id: 56, - // title: 'Blog single Left sidebar', - // link: '/blog-single-fullwidth/support-progressive-change' - // }, - // ] - // }, - { - id: 88, - title: 'Contact', - link: '/contact', - } +import { useTranslation } from 'next-i18next'; -] const MobileMenu = () => { + const { t } = useTranslation('menu'); // namespace: "menu.json" const [openId, setOpenId] = useState(0); const [menuActive, setMenuState] = useState(false); const ClickHandler = () => { window.scrollTo(10, 0); - } + }; + + const menus = [ + { + id: 1, + title: t('home'), + link: '/', + }, + { + id: 4, + title: t('ourApproach'), + link: '/our-approach', + }, + { + id: 2, + title: t('aboutUs'), + link: '/about', + submenu: [ + { + id: 11, + title: t('ourMission'), + link: '/about/our-mission' + }, + { + id: 12, + title: t('racialJustice'), + link: '/about/racial-justice' + }, + ] + }, + { + id: 5, + title: t('blog'), + link: '/blog', + }, + { + id: 3, + title: t('services'), + link: '/services', + }, + { + id: 88, + title: t('contact'), + link: '/contact', + } + ]; return (