crap

src/components/Dnd/DealSummaryCard/DealSummaryCard.module.css

@@ -0,0 +1,33 @@
+.container {
+    min-height: 5rem;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    border: dashed var(--item-border-size) var(--mantine-color-default-border);
+    border-radius: var(--item-border-radius);
+    cursor: pointer;
+    padding-left: rem(10);
+    padding-right: rem(10);
+    padding-top: rem(5);
+    padding-bottom: rem(5);
+    font-size: var(--mantine-font-size-sm);
+    flex: 1;
+    flex-wrap: wrap;
+
+    @mixin light {
+        background-color: var(--mantine-color-gray-0);
+    }
+    @mixin dark {
+        background-color: var(--mantine-color-dark-5);
+    }
+}
+
+.flex-row {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.flex-row-right {
+    align-items: flex-end;
+}

src/components/Dnd/DealSummaryCard/DealSummaryCard.tsx

@@ -0,0 +1,46 @@
+import {FC} from "react";
+import {DealSummary} from "../../../client";
+import styles from './DealSummaryCard.module.css';
+
+import {Text} from '@mantine/core';
+import classNames from "classnames";
+
+type Props = {
+    dealSummary: DealSummary
+}
+
+const DealSummaryCard: FC<Props> = ({dealSummary}) => {
+    return (
+        <div className={styles['container']}>
+            <div className={styles['flex-row']}>
+                <div className={styles['flex-item']}>
+                    <Text size={"sm"} c={"gray.6"}>
+                        {dealSummary.client_name}
+                    </Text>
+                </div>
+                <div className={styles['flex-item']}>
+                    <Text size={"md"} c={"blue.5"}>{dealSummary.name}</Text>
+                </div>
+                <div className={styles['flex-item']}>
+                    <Text size={"sm"} c={"gray.6"}>
+                        228 руб
+                    </Text>
+                </div>
+            </div>
+            <div className={classNames(styles['flex-row'], styles['flex-row-right'])}>
+                <div className={styles['flex-item']}>
+                    <Text size={"sm"} c={"gray.6"}>
+                        {new Date(dealSummary.changed_at).toLocaleString('ru-RU')}
+                    </Text>
+                </div>
+                <div className={styles['flex-item']}>
+                    <Text size={"sm"} c={"yellow.8"}>
+                        Нет задач
+                    </Text>
+                </div>
+            </div>
+
+        </div>
+    )
+}
+export default DealSummaryCard;