medol
/
web-mikul-news
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

This commit is contained in:
Anang Yusman 2025-07-03 16:12:17 +08:00
parent 78c097e7a3
commit 9c36cb569d
3 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/landing-page/citizen-news/header-citizen.tsx
View File

@ -44,10 +44,10 @@ export default function HeaderCitizen() {
endDate: null, endDate: null,
}); });
const pathname = usePathname(); // e.g., "/category/development" const pathname = usePathname();
const pathSegments = pathname.split("/").filter(Boolean); // ["category", "development"] const pathSegments = pathname.split("/").filter(Boolean);
const categorySlug = pathSegments[1]; // "development" const categorySlug = pathSegments[1];
const categoryLabel = slugToLabel(categorySlug); const categoryLabel = slugToLabel(categorySlug);
useEffect(() => { useEffect(() => {
@ -96,7 +96,6 @@ export default function HeaderCitizen() {
<div className="pb-5"> <div className="pb-5">
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
{/* Gambar besar di kiri */}
{articles.length > 0 && ( {articles.length > 0 && (
<div className="md:col-span-2 relative"> <div className="md:col-span-2 relative">
<Link href={`/detail/${articles[0]?.id}`}> <Link href={`/detail/${articles[0]?.id}`}>
@ -134,7 +133,6 @@ export default function HeaderCitizen() {
</div> </div>
)} )}
{/* Dua gambar kecil di kanan */}
<div className="grid grid-rows-2 gap-2"> <div className="grid grid-rows-2 gap-2">
{articles.slice(1, 3).map((article, index) => ( {articles.slice(1, 3).map((article, index) => (
<div key={index} className="relative"> <div key={index} className="relative">

5
components/landing-page/development/header-development.tsx
View File

@ -100,7 +100,6 @@ export default function HeaderDevelopment() {
<div className="pb-5"> <div className="pb-5">
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
{/* Gambar besar di kiri */}
{articles.length > 0 && ( {articles.length > 0 && (
<div className="md:col-span-2 relative"> <div className="md:col-span-2 relative">
<Link href={`/detail/${articles[0]?.id}`}> <Link href={`/detail/${articles[0]?.id}`}>
@ -138,7 +137,6 @@ export default function HeaderDevelopment() {
</div> </div>
)} )}
{/* Dua gambar kecil di kanan */}
<div className="grid grid-rows-2 gap-2"> <div className="grid grid-rows-2 gap-2">
{articles.slice(1, 3).map((article, index) => ( {articles.slice(1, 3).map((article, index) => (
<div key={index} className="relative"> <div key={index} className="relative">
@ -167,9 +165,6 @@ export default function HeaderDevelopment() {
))} ))}
</div> </div>
</div> </div>
<div>
</div>>
</div> </div>
</section> </section>
); );

8
components/landing-page/health/header-health.tsx
View File

@ -44,10 +44,10 @@ export default function HeaderHealth() {
endDate: null, endDate: null,
}); });
const pathname = usePathname(); // e.g., "/category/development" const pathname = usePathname();
const pathSegments = pathname.split("/").filter(Boolean); // ["category", "development"] const pathSegments = pathname.split("/").filter(Boolean);
const categorySlug = pathSegments[1]; // "development" const categorySlug = pathSegments[1];
const categoryLabel = slugToLabel(categorySlug); const categoryLabel = slugToLabel(categorySlug);
useEffect(() => { useEffect(() => {
@ -96,7 +96,6 @@ export default function HeaderHealth() {
<div className="pb-5"> <div className="pb-5">
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-2 m-8">
{/* Gambar besar di kiri */}
{articles.length > 0 && ( {articles.length > 0 && (
<div className="md:col-span-2 relative"> <div className="md:col-span-2 relative">
<Link href={`/detail/${articles[0]?.id}`}> <Link href={`/detail/${articles[0]?.id}`}>
@ -134,7 +133,6 @@ export default function HeaderHealth() {
</div> </div>
)} )}
{/* Dua gambar kecil di kanan */}
<div className="grid grid-rows-2 gap-2"> <div className="grid grid-rows-2 gap-2">
{articles.slice(1, 3).map((article, index) => ( {articles.slice(1, 3).map((article, index) => (
<div key={index} className="relative"> <div key={index} className="relative">