MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Image Responsive issue fixed

Browse Source
This commit is contained in:
akash 2025-08-19 18:56:54 +05:30
commit c664ebea9d
1 changed files with 48 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

264
components/MobileMenu/MobileMenu.js
View File

@ -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 (
<div>