- Added `getBlogTagFacets` API call to fetch blog tags based on city scope. - Updated `BlogsPage` to read selected tag from URL and handle tag changes with URL updates. - Modified `Title` component to display tags from the new API and reflect active tag state. - Enhanced breadcrumb navigation to link categories to their respective pages. - Adjusted related content section to display articles from the same category and fixed layout issues. - Corrected heading hierarchy across various components for better SEO compliance. - Ensured consistent styling and spacing in related content items.
19 lines
546 B
JavaScript
19 lines
546 B
JavaScript
import { Button } from "@mui/material";
|
|
|
|
function ItemTitle({ name, isActive, onSelect }) {
|
|
return (
|
|
<li>
|
|
<Button
|
|
className={` !py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !shadow-none !rounded-[8px] !text-[14px] md:!text-[16px] !whitespace-nowrap ${ isActive ? "!bg-[#F17732] !text-[#FAFAFA]" : "!bg-[#F5F5F5] !text-[#3B3B3B]" } `}
|
|
onClick={onSelect}
|
|
variant="contained"
|
|
color="secondary"
|
|
>
|
|
{name}
|
|
</Button>
|
|
</li>
|
|
);
|
|
}
|
|
|
|
export default ItemTitle;
|