hamed
fd48b48613
- Implemented canonical URL strategies for city-specific domains and entities. - Added helper functions for domain and city resolution. - Created tests for canonical URL generation and domain resolution. - Introduced entity quality checks for doctors and clinics to ensure meaningful content. - Developed unique introductory texts for listing pages to avoid duplicate content. - Established robots.txt policies for listing pages to manage indexing based on user filters. - Enhanced specialty content with dynamic introductions and FAQs to improve SEO.
72 lines
2.3 KiB
JavaScript
72 lines
2.3 KiB
JavaScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
|
|
import List from "./list";
|
|
import SearchBar from "./head/SearchBar";
|
|
import HeadPageList from "@/app/component/head";
|
|
import specialtiesData from "@/data/specialties.json";
|
|
import { useSearchParams } from "next/navigation";
|
|
|
|
// Data
|
|
import states from "@/data/state.json";
|
|
import cities from "@/data/city.json";
|
|
import { isRootCity } from "@/lib/rootCity";
|
|
import { resolveCityDisplayName } from "@/lib/domainHelpers";
|
|
import { buildClinicsIntro } from "@/lib/listingIntro";
|
|
|
|
function ClinicsPage({ clinics, matchedCity, matchedState }) {
|
|
const searchParams = useSearchParams();
|
|
const [page, setPage] = useState(clinics?.meta?.currentPage || 1);
|
|
const [filteredClinics, setFilteredClinics] = useState(clinics?.data);
|
|
|
|
const isRoot = isRootCity(matchedCity);
|
|
const selectedState =
|
|
searchParams.get("state") || (!isRoot ? matchedState?.name : undefined);
|
|
const selectedCity =
|
|
searchParams.get("city") ||
|
|
(matchedCity?.name && !isRoot ? matchedCity?.name : false);
|
|
|
|
const [selected, setSelected] = useState({
|
|
province:
|
|
selectedState && states.find((item) => item.name === selectedState),
|
|
city: selectedCity && cities.find((item) => item.name === selectedCity),
|
|
specialty: searchParams.get("specialty") || "",
|
|
});
|
|
|
|
return (
|
|
<div>
|
|
<HeadPageList
|
|
title={`کلینیکها و مراکز درمانی ${resolveCityDisplayName(matchedCity)}`}
|
|
detail="در قسمت زیر می توانید کلینیک مورد نظر خود را جستجو نمایید"
|
|
>
|
|
<SearchBar
|
|
limit={12}
|
|
setPage={setPage}
|
|
selected={selected}
|
|
state={matchedState}
|
|
setSelected={setSelected}
|
|
specialties={specialtiesData}
|
|
setFilteredClinics={setFilteredClinics}
|
|
/>
|
|
</HeadPageList>
|
|
<div className="padding-responsive pt-[24px]">
|
|
<p className="text-[#525252] text-[14px] md:text-[16px] font-normal leading-8 text-justify">
|
|
{buildClinicsIntro(resolveCityDisplayName(matchedCity))}
|
|
</p>
|
|
</div>
|
|
<List
|
|
limit={12}
|
|
page={page}
|
|
setPage={setPage}
|
|
selected={selected}
|
|
clinics={filteredClinics}
|
|
pages={clinics?.meta || {}}
|
|
setFilteredClinics={setFilteredClinics}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ClinicsPage;
|