Add details

src/app/[locale]/tenders/[id]/page.tsx

@@ -11,6 +11,7 @@ const TenderDetails = async ({
     const response = await apiInstance.get<ITenders>(
       `/procurements/${params.id}/`
     );
+    console.log(response.data);
     return response.data;
   };
 
@@ -137,6 +138,38 @@ const TenderDetails = async ({
         size="lg"
         className="font-bold text-[24px] mb-[30px]"
       />
+      <div className="w-full">
+        {data.lots.length > 0 &&
+          data.lots.map((lot) => (
+            <div
+              key={lot.id}
+              className="bg-white w-full h-[213px] px-34 py-27 flex gap-[186px] items-center shadow-md"
+            >
+              <div className="w-[840px]">
+                <Title
+                  text={lot.id_of_lot}
+                  className="text-[24px] font-bold mb-[16px]"
+                />
+                <Title
+                  text={lot.name_of_lot}
+                  className="text-[18px] font-semibold mb-[24px]"
+                />
+                <p className="text-gray-500 ">Место работ / услуг</p>
+                <p>{lot.address_of_lots}</p>
+              </div>
+              <div>
+                <p>Планируемая сумма</p>
+                <Title text={lot.summ} className="text-[18px] font-semibold" />
+              </div>
+            </div>
+          ))}
+      </div>
+
+      <Title
+        text={"Документы"}
+        size="lg"
+        className="font-bold text-[24px] mb-[30px]"
+      />
     </Container>
   );
 };

src/entities/TenderCard.tsx

@@ -12,6 +12,7 @@ interface Props {
   date_of_publication_datetime: string;
   date_of_offer_datetime: string;
   current_timestamp: string;
+  plan_summ: string;
 }
 const TenderCard: React.FC<Props> = ({
   id,
@@ -23,7 +24,9 @@ const TenderCard: React.FC<Props> = ({
   date_of_publication_datetime,
   date_of_offer_datetime,
   current_timestamp,
+  plan_summ,
 }: Props) => {
+  console.log(plan_summ);
   return (
     <div className="w-full min-h-[213px] bg-white shadow-sm rounded-sm flex gap-[82px] items-center p-6">
       <div className="w-[840px] flex flex-col">
@@ -42,7 +45,10 @@ const TenderCard: React.FC<Props> = ({
           {name_of_organization}
         </h2>
       </div>
-      <div className="w-[285px]"></div>
+      <div className="w-[285px]">
+        <p className="text-[14px] leading-6">Планируемая сумма</p>
+        <Title text={plan_summ} />
+      </div>
     </div>
   );
 };

src/shared/types/tenders-type.ts

@@ -1,5 +1,13 @@
 import { IList } from "./list-type";
 
+export interface Lot {
+  id: number;
+  id_of_lot: string;
+  name_of_lot: string;
+  summ: string;
+  address_of_lots: string;
+  procurement: number;
+}
 export interface ITenders {
   id: number;
   id_of_card: string;
@@ -14,6 +22,7 @@ export interface ITenders {
   tel_number: string;
   more_info_url: string;
   more_info_pdf: string;
+  lots: Lot[];
 }
 
 export interface ITendersList extends IList {

src/widgets/TendersList/TendersList.tsx

@@ -19,7 +19,7 @@ const TendersList: React.FC<Props> = ({ searchParams }) => {
   useEffect(() => {
     getTenders(activePage);
   }, [activePage]);
-
+  console.log(tenders);
   const handleSubmit = () => {};
   return (
     <div>
@@ -41,6 +41,7 @@ const TendersList: React.FC<Props> = ({ searchParams }) => {
             date_of_publication_datetime={tender.date_of_publication_datetime}
             date_of_offer_datetime={tender.date_of_offer_datetime}
             current_timestamp={tender.current_timestamp}
+            plan_summ={tender.plan_summ}
           />
         ))}
         <Pagination