v0.1

src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx

@@ -18,12 +18,26 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
                 setSelectedDeal(deal);
             })
     }
+    const getDeadlineTextColor = (deadline: string) => {
+        // generate three colors, yellow for 1 day, red for 0 days, green for more than 1 day
+        const deadlineDate = new Date(deadline);
+        const currentDate = new Date();
+        const diff = deadlineDate.getTime() - currentDate.getTime();
+        const diffDays = Math.ceil(diff / (1000 * 3600 * 24));
+        if (diffDays === 1) {
+            return 'yellow.8';
+        }
+        if (diffDays === 0) {
+            return 'red.8';
+        }
+        return 'green.8';
+    }
     return (
         <div onClick={() => onDealSummaryClick()} className={styles['container']}>
             <div className={styles['flex-row']}>
                 <div className={styles['flex-item']}>
                     <Text size={"sm"} c={"gray.6"}>
-                        {dealSummary.clientName}
+                        Клиент: {dealSummary.clientName}
                     </Text>
                 </div>
                 <div className={styles['flex-item']}>
@@ -38,12 +52,12 @@ const DealSummaryCard: FC<Props> = ({dealSummary}) => {
             <div className={classNames(styles['flex-row'], styles['flex-row-right'])}>
                 <div className={styles['flex-item']}>
                     <Text size={"sm"} c={"gray.6"}>
-                        {new Date(dealSummary.changedAt).toLocaleString('ru-RU')}
+                        {/*Создана: {new Date(dealSummary.changedAt).toLocaleString('ru-RU')}*/}
                     </Text>
                 </div>
                 <div className={styles['flex-item']}>
-                    <Text size={"sm"} c={"yellow.8"}>
-                        Нет задач
+                    <Text size={"sm"} c={getDeadlineTextColor(dealSummary.deadline)}>
+                        {new Date(dealSummary.deadline).toLocaleString('ru-RU').slice(0, -3)}
                     </Text>
                 </div>
             </div>