handle download poster and qrcode, fix to show timestamp, add pagination to doctors page

2025-10-02 02:52:26 +03:30
parent 645da72002
commit e1510b142b
21 changed files with 394 additions and 154 deletions
@@ -2,21 +2,70 @@

 import { useState } from "react";
 import ListDoctors from "./listDoctors";
-
-// Data
+import { useSearchParams } from "next/navigation";
 import Head from "./head";
+import specialties from "@/data/specialties.json";
+import states from "@/data/state.json";
+import cities from "@/data/city.json";

 function DoctorsPage({ matchedCity, matchedState, list }) {
-  const [doctors, setDoctors] = useState(list);
+  const searchParams = useSearchParams();
+  const [page, setPage] = useState(list?.page?.currentPage);
+  const [doctors, setDoctors] = useState(list.data);
+  const fieldName = searchParams.get("specialty");
+
+  const findItem = (key, name) =>
+    specialties.find((item) => item[key] === name);
+  const isParent =
+    findItem("name", fieldName) && findItem("name", fieldName).parent;
+
+  const selectedState = searchParams.get("state") || matchedState?.name;
+  const selectedCity =
+    searchParams.get("city") ||
+    (matchedCity?.name && matchedCity?.id !== "600"
+      ? matchedCity?.name
+      : false);
+
+  const valCategory = isParent
+    ? findItem("id", isParent)
+    : findItem("name", fieldName);
+  const valSpecialty = isParent && findItem("name", fieldName);
+
+  const defaultFilter = {
+    state: selectedState && states.find((item) => item.name === selectedState),
+    city: selectedCity && cities.find((item) => item.name === selectedCity),
+    category: valCategory,
+    specialty: valSpecialty,
+    active: searchParams.get("active") || 0,
+    gender: searchParams.get("gender") || "هر دو",
+    degree: searchParams.get("degree") || "همه موارد",
+    sort: (searchParams.get("sort") && Number(searchParams.get("sort"))) || "",
+    name:
+      searchParams.get("name") || valSpecialty?.name || valCategory?.name || "",
+  };
+
+  const [filter, setFilter] = useState(defaultFilter);

  return (
    <div className="pt-[95px] sm:pt-[120px] padding-responsive">
      <Head
+        limit={12}
+        filter={filter}
+        setPage={setPage}
+        setFilter={setFilter}
        setDoctors={setDoctors}
        matchedCity={matchedCity}
        matchedState={matchedState}
      />
-      <ListDoctors doctors={doctors} setDoctors={setDoctors} />
+      <ListDoctors
+        limit={12}
+        data={list}
+        page={page}
+        filter={filter}
+        setPage={setPage}
+        doctors={doctors}
+        setDoctors={setDoctors}
+      />
    </div>
  );
 }