rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: header dropdown bg color

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-03-11 00:16:50 +07:00
parent dbf89a93e5
commit 76c39f214c
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(main)/category/[...path]/page.tsx
View File

@ -5,7 +5,7 @@ import HeroOther from "@/components/HeroOther";
import { getDefaultMetadata } from "@/utils/metadata"; import { getDefaultMetadata } from "@/utils/metadata";
import { sanitizePageNumber } from "@/utils/sanitize"; import { sanitizePageNumber } from "@/utils/sanitize";
import { Metadata } from "next"; import { Metadata } from "next";
import { headers } from "next/headers"; // import { headers } from "next/headers";
import { Suspense } from "react"; import { Suspense } from "react";
export async function generateMetadata(): Promise<Metadata> { export async function generateMetadata(): Promise<Metadata> {
@ -21,8 +21,8 @@ export default async function CategoryPage({
searchParams?: Promise<{ page?: string; s?: string }>; searchParams?: Promise<{ page?: string; s?: string }>;
}) { }) {
const path = (await params)?.path; const path = (await params)?.path;
const headersList = await headers(); // const headersList = await headers();
const paramsCategory = path?.[0] ?? ""; // const paramsCategory = path?.[0] ?? "";
const paramsPage = path?.[2] ?? ""; const paramsPage = path?.[2] ?? "";
const paramsSearch = (await searchParams)?.s; const paramsSearch = (await searchParams)?.s;
const page = sanitizePageNumber(paramsPage); const page = sanitizePageNumber(paramsPage);

9
src/components/HeaderNav.tsx
View File

@ -60,7 +60,10 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
{link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} /> {link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} />
</Link> </Link>
<ul className={`mn-sub to-right ${isDropdownOpen.includes(link.text) && "open"}`} ref={dropdownRef}> <ul
className={`mn-sub to-right ${isDropdownOpen.includes(link.text) && "open"} !bg-extColorPrimary8`}
ref={dropdownRef}
>
{link.child.map((subLink: any, subLinkIdx: number) => ( {link.child.map((subLink: any, subLinkIdx: number) => (
<li key={subLinkIdx}> <li key={subLinkIdx}>
{!Array.isArray(subLink?.child) && ( {!Array.isArray(subLink?.child) && (
@ -75,7 +78,9 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
<i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} /> <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} />
</Link> </Link>
<ul className={`mn-sub to-right ${isDropdownOpen.includes(subLink.text) && "open"}`}> <ul
className={`mn-sub to-right ${isDropdownOpen.includes(subLink.text) && "open"} !bg-extColorPrimary8`}
>
{subLink.child.map((subLink2: any, subLinkIdx2: number) => ( {subLink.child.map((subLink2: any, subLinkIdx2: number) => (
<li key={subLinkIdx2}> <li key={subLinkIdx2}>
<Link href={subLink2?.href} onClick={() => toggleMobileMenu()}> <Link href={subLink2?.href} onClick={() => toggleMobileMenu()}>