refactor: enhance representation info fetching and pass it to relevant components

2025-12-02 15:38:42 +03:30
parent e6cb27a714
commit 3ca69dcd0f
5 changed files with 51 additions and 15 deletions
@@ -6,7 +6,9 @@ import { Button } from "@mui/material";
 import Image from "next/image";
 import React from "react";

-function Head({ data, loading }) {
+function Head({ data, loading, representationInfo }) {
+  const cityName = representationInfo?.city?.label || "اهواز";
+
  return (
    <div className="flex w-full flex-col items-center justify-start">
      <CircularLoading width={80} height={80} loading={loading}>
@@ -23,7 +25,7 @@ function Head({ data, loading }) {
        <LocationP />
        <TextLoading width={55} height={16} loading={loading}>
          <p className="text-[#7E7E7E] text-[14px] font-normal dark:text-[#A1A1A1]">
-            نماینده شهر اهواز
+            نماینده شهر {cityName}
          </p>
        </TextLoading>
      </div>
@@ -2,14 +2,14 @@ import Head from "./Head";
 import Date from "./Date";
 import Activities from "./Activities";

-function UserDetail({ data, loading }) {
+function UserDetail({ data, loading, representationInfo }) {
  return (
    <div className="hidden xl:flex min-w-[332px] h-full opacity-page">
      <div
        className="min-w-[332px] p-[24px] border-0 border-r border-r-[#EFEFEF] h-full items-start fixed top-0 left-0
        g-[#FFF] py-[40px] px-[16px] bg-[#FFF] dark:bg-[#222433] dark:border-transparent"
      >
-        <Head data={data} loading={loading} />
+        <Head data={data} loading={loading} representationInfo={representationInfo} />
        <span className="block w-full h-px bg-[#EFEFEF] px-[22px] mt-[13px] mb-[16px] dark:bg-[#343645]"></span>
        <Date />
        <Activities data={data} loading={loading} />