feat(breadcrumb): implement BreadcrumbList structure and validation for SEO compliance
This commit is contained in:
@@ -10,15 +10,18 @@ function List({
|
||||
page,
|
||||
limit,
|
||||
pages,
|
||||
origin,
|
||||
setPage,
|
||||
clinics,
|
||||
selected,
|
||||
setFilteredClinics,
|
||||
}) {
|
||||
// آیتم آخر هم href میگیرد: بدون آن، `item` در BreadcrumbList غایب میشود و
|
||||
// سرچکنسول کل breadcrumb صفحه را نامعتبر اعلام میکند.
|
||||
const listPage = [
|
||||
{ name: "خانه", href: "/" },
|
||||
{ name: "کلینیک ها", href: "/clinics" },
|
||||
{ name: selected?.city?.name || "" },
|
||||
{ name: selected?.city?.name || "", href: "/clinics" },
|
||||
];
|
||||
const [loading, setLoading] = useState(false);
|
||||
const router = useRouter();
|
||||
@@ -48,7 +51,7 @@ function List({
|
||||
|
||||
return (
|
||||
<div className="padding-responsive pt-[20px]">
|
||||
<Pageguide list={listPage} />
|
||||
<Pageguide list={listPage} origin={origin} />
|
||||
{clinics && clinics.length ? (
|
||||
<ul
|
||||
className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-[24px] gap-y-[16px] sm:gap-y-[24px] md:gap-y-[32px] lg:gap-y-[40px] mt-6"
|
||||
|
||||
Reference in New Issue
Block a user