From 6608948e2e15f6b8562248ec3ee4a008f7aa5b74 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Mon, 2 Dec 2024 17:22:15 +0300
Subject: [PATCH] feat: add close button to upgrade modal

---
 src/containers/Modals/UpgradeModal/index.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/containers/Modals/UpgradeModal/index.tsx b/src/containers/Modals/UpgradeModal/index.tsx
index 187df95..6ed1a64 100644
--- a/src/containers/Modals/UpgradeModal/index.tsx
+++ b/src/containers/Modals/UpgradeModal/index.tsx
@@ -10,6 +10,7 @@ import {
   ThemeIcon,
   AspectRatio,
   Paper,
+  CloseButton,
 } from "@mantine/core";
 import { LuCrown, LuTrendingUp } from "react-icons/lu";
 
@@ -27,9 +28,12 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
       overlayProps={{ blur: 1 }}
     >
       <Stack gap="24" px="40" py="20">
-        <Title c="bright" fw="500" fz="24">
-          Upgrade to unlock all features
-        </Title>
+        <Flex justify="space-between">
+          <Title c="bright" fw="500" fz="24">
+            Upgrade to unlock all features
+          </Title>
+          <CloseButton onClick={onClose} />
+        </Flex>
         <Flex gap="20">
           <ThemeIcon color="green" variant="light" size="xl" radius="xl">
             <LuCrown size="20" />