tender card

src/entities/TenderCard.tsx

@@ -1,6 +1,8 @@
 import { Link } from "@/shared/config/navigation";
 import { Title } from "@/shared/ui";
 import React from "react";
+import mapPin from "./icons/map-pin.png";
+import Image from "next/image";
 
 interface Props {
   id: number;
@@ -12,7 +14,8 @@ interface Props {
   date_of_publication_datetime: string;
   date_of_offer_datetime: string;
   current_timestamp: string;
-  plan_summ: string;
+  plan_summ_decimal: string;
+  address_of_organization: string;
 }
 const TenderCard: React.FC<Props> = ({
   id,
@@ -24,12 +27,12 @@ const TenderCard: React.FC<Props> = ({
   date_of_publication_datetime,
   date_of_offer_datetime,
   current_timestamp,
-  plan_summ,
+  plan_summ_decimal,
+  address_of_organization,
 }: 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">
+      <div className="w-[830px] flex flex-col">
         <Title
           text={`№ ${id_of_card}`}
           className="font-bold text-[24px] mb-[48px]"
@@ -45,9 +48,25 @@ const TenderCard: React.FC<Props> = ({
           {name_of_organization}
         </h2>
       </div>
-      <div className="w-[285px]">
-        <p className="text-[14px] leading-6">Планируемая сумма</p>
-        <Title text={plan_summ} />
+      <div className="w-[290px]">
+        <p className="text-[14px] leading-6 mb-[6px]">Планируемая сумма</p>
+        <Title
+          text={`${parseInt(plan_summ_decimal)} сом`}
+          className="font-extrabold text-[24px] leading-[38px] mb-4"
+        />
+        <p className="text-[14px] leading-6 mb-4">
+          Окончание приема заявок: {date_of_offer_datetime.slice(0, 10)}
+        </p>
+        <div className="text-[14px] leading-6 flex gap-2 items-baseline">
+          <Image
+            src={mapPin}
+            alt="map"
+            width={20}
+            height={20}
+            className="object-cover"
+          />
+          <p>{address_of_organization}</p>
+        </div>
       </div>
     </div>
   );

src/shared/types/tenders-type.ts

@@ -26,12 +26,13 @@ export interface ITenders {
   date_of_publication_datetime: string;
   date_of_offer_datetime: string;
   current_timestamp: string;
-  plan_summ: string;
+  plan_summ_decimal: string;
   tel_number: string;
   more_info_url: string;
   more_info_pdf: string;
   lots: Lot[];
   saved_files: SavedFile[];
+  address_of_organization: string;
 }
 
 export interface ITendersList extends IList {

src/widgets/TendersList/TendersList.tsx

@@ -41,7 +41,8 @@ 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}
+            plan_summ_decimal={tender.plan_summ_decimal}
+            address_of_organization={tender.address_of_organization}
           />
         ))}
         <Pagination