From 19a386319c14de36f1b1843595dfbcfed4f19728 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Sun, 17 Aug 2025 20:28:50 +0400
Subject: [PATCH] feat: mock deal view

---
 .../shared/DealCard/DealCard.module.css       | 21 +++++++++++++++++++
 .../components/shared/DealCard/DealCard.tsx   | 13 ++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/app/deals/components/shared/DealCard/DealCard.module.css b/src/app/deals/components/shared/DealCard/DealCard.module.css
index d1a2131..fc7b602 100644
--- a/src/app/deals/components/shared/DealCard/DealCard.module.css
+++ b/src/app/deals/components/shared/DealCard/DealCard.module.css
@@ -1,5 +1,8 @@
 
 .container {
+    padding: var(--mantine-spacing-xs);
+    gap: var(--mantine-spacing-xs);
+
     @mixin light {
         background-color: var(--color-light-white-blue);
     }
@@ -7,3 +10,21 @@
         background-color: var(--mantine-color-dark-7);
     }
 }
+
+.first-tag {
+    @mixin light {
+        background-color: lightblue;
+    }
+    @mixin dark {
+        background-color: darkslateblue;
+    }
+}
+
+.second-tag {
+    @mixin light {
+        background-color: lightgray;
+    }
+    @mixin dark {
+        background-color: var(--mantine-color-dark-4);
+    }
+}
diff --git a/src/app/deals/components/shared/DealCard/DealCard.tsx b/src/app/deals/components/shared/DealCard/DealCard.tsx
index 382226e..756e1ac 100644
--- a/src/app/deals/components/shared/DealCard/DealCard.tsx
+++ b/src/app/deals/components/shared/DealCard/DealCard.tsx
@@ -1,4 +1,4 @@
-import { Card, Text } from "@mantine/core";
+import { Card, Group, Pill, Stack, Text } from "@mantine/core";
 import { DealSchema } from "@/lib/client";
 import styles from "./DealCard.module.css";
 
@@ -9,7 +9,16 @@ type Props = {
 const DealCard = ({ deal }: Props) => {
     return (
         <Card className={styles.container}>
-            <Text>{deal.name}</Text>
+            <Text c={"dodgerblue"}>{deal.name}</Text>
+            <Stack gap={0}>
+                <Text>Wb электросталь</Text>
+                <Text>19 000 руб.</Text>
+                <Text>130 тов.</Text>
+            </Stack>
+            <Group gap={"xs"}>
+                <Pill className={styles["first-tag"]}>Срочно</Pill>
+                <Pill className={styles["second-tag"]}>Бесплатно</Pill>
+            </Group>
         </Card>
     );
 };