MetatroncubeSoftwareSolutions/TamilCulturalAssociation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile Menu Updated

Browse Source
This commit is contained in:
akash 2025-08-06 09:55:59 -07:00
parent 87e1b75c25
commit 1a63382ac1
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/layout/MobileMenu.tsx
View File

@ -57,9 +57,9 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li>
</ul> */}
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 3 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(3)}><em /></span>
<Link href="/about" className="hash-nav">About</Link>
<ul className={`sub-menu ${isAccordion == 3 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 3 ? "block" : "none"}` }}>
<li className="has-sub hash-has-sub">
<Link href="/about" className="hash-nav">About </Link>
<ul className={`sub-menu ${isAccordion == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 1 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/about/association" className="hash-nav">Association</Link></li>
<li className="hash-has-sub"><Link href="/about/mission" className="hash-nav">Misssion</Link></li>
<li className="hash-has-sub"><Link href="/about/constitution" className="hash-nav">Constitution</Link></li>
@ -85,10 +85,6 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
</ul>
</li>
<li className="has-sub hash-has-sub">
<span
className={`submenu-button ${isAccordion == 6 ? "submenu-opened" : ""}`}
onClick={() => handleAccordion(6)}
><em /></span>
<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
<ul className={`sub-menu ${isAccordion == 6 ? "open-sub" : ""}`} style={{ display: isAccordion == 6 ? "block" : "none" }}>
@ -104,11 +100,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li><Link href="/tamil-culture/tamil-festivals/christian-festivals" className="hash-nav">Christian Festivals</Link></li>
</ul>
</li>
<li className="hash-has-sub">
<span
className={`submenu-button ${subAccordion === 2 ? "submenu-opened" : ""}`}
onClick={() => handleSubAccordion(2)}
><em /></span>
<li className="has-sub hash-has-sub">
<Link href="/tamil-culture/tamil-wedding-custom" className="hash-nav">Tamil Wedding & Custom</Link>
<ul className={`sub-menu ${subAccordion === 2 ? "open-sub" : ""}`} style={{ display: subAccordion === 2 ? "block" : "none" }}>
<li><Link href="/tamil-culture/tamil-wedding-custom/hindu-wedding-rituals" className="hash-nav">Hindu Wedding Rituals</Link></li>
@ -124,7 +116,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
</li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
<li className="has-sub hash-has-sub">
<Link href="/community" className="hash-nav">Community</Link>
<ul className={`sub-menu ${isAccordion == 4 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 4 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/community/recipes" className="hash-nav">Recipes</Link></li>
@ -135,7 +127,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
<li className="hash-has-sub"><Link href="/community/global-relief-fund" className="hash-nav">Global Relief Fund</Link></li>
</ul>
</li>
<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 5 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(5)}><em /></span>
<li className="has-sub hash-has-sub">
<Link href="#" className="hash-nav">Events</Link>
<ul className={`sub-menu ${isAccordion == 5 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 5 ? "block" : "none"}` }}>
<li className="hash-has-sub"><Link href="/upcoming-event" className="hash-nav">Upcoming Event</Link></li>