From 33ffd76540ff1a327b8d22fd70470e01beb3ec60 Mon Sep 17 00:00:00 2001
From: "Carina.Akaia.io" <cvo.akaia@gmail.com>
Date: Mon, 24 Jun 2024 15:45:35 +0400
Subject: [PATCH] fix: Adjust styles

---
 src/modules/donation/components/DonationFlow.tsx    | 1 -
 src/modules/donation/components/DonationSuccess.tsx | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/modules/donation/components/DonationFlow.tsx b/src/modules/donation/components/DonationFlow.tsx
index 1fc54c6a..c818ed6a 100644
--- a/src/modules/donation/components/DonationFlow.tsx
+++ b/src/modules/donation/components/DonationFlow.tsx
@@ -20,7 +20,6 @@ export type DonationFlowProps = DonationSubmissionInputs &
   };
 
 export const DonationFlow: React.FC<DonationFlowProps> = ({
-  closeModal,
   currentStep,
   successResult: result,
   ...props
diff --git a/src/modules/donation/components/DonationSuccess.tsx b/src/modules/donation/components/DonationSuccess.tsx
index dff8cd78..5843efef 100644
--- a/src/modules/donation/components/DonationSuccess.tsx
+++ b/src/modules/donation/components/DonationSuccess.tsx
@@ -1,7 +1,7 @@
 import { Check, Copy, XIcon } from "lucide-react";
 import Link from "next/link";
 
-import { Button, Skeleton } from "@/common/ui/components";
+import { Button, DialogDescription, Skeleton } from "@/common/ui/components";
 
 import { DonationBreakdown } from "./DonationBreakdown";
 import { DonationState } from "../models";
@@ -12,7 +12,7 @@ export type DonationSuccessProps = {
 
 export const DonationSuccess = ({ result }: DonationSuccessProps) => {
   return (
-    <div un-flex="~ col" un-gap="8" un-items="center" un-p="10">
+    <DialogDescription className="items-center gap-8 p-10">
       <div un-flex="~ col" un-gap="4" un-items="center">
         <div
           un-flex="~"
@@ -69,10 +69,10 @@ export const DonationSuccess = ({ result }: DonationSuccessProps) => {
         <Skeleton className="h-28" />
       )}
 
-      <div className="gap--2 flex items-center">
+      <div un-flex="~" un-items="center" un-gap="2">
         <span>{`Txn Hash : ${result?.id}`}</span>
         <Copy className="h-4 w-4" />
       </div>
-    </div>
+    </DialogDescription>
   );
 };