diff --git a/public/assets/img/img-grahic-receipt.png b/public/assets/img/img-grahic-receipt.png
deleted file mode 100644
index 162f66b..0000000
Binary files a/public/assets/img/img-grahic-receipt.png and /dev/null differ
diff --git a/public/assets/img/img-style-trust-cute.png b/public/assets/img/img-style-trust-cute.png
deleted file mode 100644
index fbb5228..0000000
Binary files a/public/assets/img/img-style-trust-cute.png and /dev/null differ
diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
index 61811e8..b0eac9e 100644
--- a/src/components/Home/Home.tsx
+++ b/src/components/Home/Home.tsx
@@ -1,13 +1,8 @@
import styles from "@/components/Home/Home.module.scss";
-import HomeNavigateConfirmModal from "@/components/HomeNavigateConfirmModal/HomeNavigateConfirmModal";
import IconButton from "@/components/ui/IconButton/IconButton";
import Text from "@/components/ui/Text/Text";
-import { useOverlay } from "@/hooks/common/useOverlay";
-
const Home = () => {
- const { isOpen, handleClose, handleOpen } = useOverlay();
-
return (
@@ -22,11 +17,9 @@ const Home = () => {
-
+
-
-
);
};
diff --git a/src/components/ReceiptEdit/ReceiptEdit.module.css b/src/components/ReceiptEdit/ReceiptEdit.module.css
deleted file mode 100644
index 9f7afef..0000000
--- a/src/components/ReceiptEdit/ReceiptEdit.module.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.ReceiptEdit {
- padding-left: 1.25rem;
- padding-right: 1.25rem;
- padding-bottom: 2.5rem;
- height: calc(100vh - 2.75rem);
- overflow: hidden;
- position: relative;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- background: var(--color-bg-gradient);
-}
-.ReceiptEdit::before {
- content: "";
- background: url("/src/assets/svg/img-graphic-main.svg") center no-repeat;
- background-size: 100% 16.375rem;
- filter: blur(4.625rem);
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 0;
-}
-
-.Top {
- z-index: 1;
-}
-.Top .TitleBox {
- display: flex;
- justify-content: center;
- margin-top: 2.5rem;
-}
-
-.InfoList {
- display: flex;
- flex-direction: column;
- gap: 0.875rem;
- margin-top: 1.5rem;
-}
-
-.InfoItem {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
-}
-
-.Bottom {
- display: flex;
- align-items: center;
- gap: 0.875rem;
- z-index: 1;
-}
\ No newline at end of file
diff --git a/src/components/ReceiptResult/ReceiptResult.module.scss b/src/components/ReceiptResult/ReceiptResult.module.scss
index aa480e2..bda99c2 100644
--- a/src/components/ReceiptResult/ReceiptResult.module.scss
+++ b/src/components/ReceiptResult/ReceiptResult.module.scss
@@ -1,6 +1,6 @@
.ReceiptResult {
padding: 1.25rem;
-
+ padding-bottom: 2.5rem;
height: calc(100vh - 2.75rem);
overflow: hidden;
position: relative;
@@ -8,6 +8,7 @@
flex-direction: column;
background: var(--color-bg-gradient);
justify-content: space-between;
+
&::before {
content: "";
background: url("/src/assets/svg/img-graphic-main.svg") center no-repeat;
diff --git a/src/components/ReceiptResult/ReceiptResult.tsx b/src/components/ReceiptResult/ReceiptResult.tsx
index d2fd59e..1210d8a 100644
--- a/src/components/ReceiptResult/ReceiptResult.tsx
+++ b/src/components/ReceiptResult/ReceiptResult.tsx
@@ -2,14 +2,19 @@ import { useEffect } from "react";
import confetti from "canvas-confetti";
+import HomeNavigateConfirmModal from "@/components/HomeNavigateConfirmModal/HomeNavigateConfirmModal";
import styles from "@/components/ReceiptResult/ReceiptResult.module.scss";
import Button from "@/components/ui/Button/Button";
import IconButton from "@/components/ui/IconButton/IconButton";
import Text from "@/components/ui/Text/Text";
+import { useOverlay } from "@/hooks/common/useOverlay";
+
import type { Options as ConfettiOptions } from "canvas-confetti";
const ReceiptResult = () => {
+ const { isOpen, handleClose, handleOpen } = useOverlay();
+
const handleConfetti = () => {
const setting: ConfettiOptions = {
particleCount: 100,
@@ -32,7 +37,7 @@ const ReceiptResult = () => {
-

+
@@ -51,8 +56,10 @@ const ReceiptResult = () => {
-
+
+
+
);
};
diff --git a/src/pages/ReceiptResultPage.tsx b/src/pages/ReceiptResultPage.tsx
index af5a09d..7a7ef5e 100644
--- a/src/pages/ReceiptResultPage.tsx
+++ b/src/pages/ReceiptResultPage.tsx
@@ -1,10 +1,15 @@
+import Navbar from "@/components/common/Navbar/Navbar";
import ReceiptResult from "@/components/ReceiptResult/ReceiptResult";
-// import ArrowNavbar from "@/components/ui/ArrowNavbar/ArrowNavbar";
+import Icon from "@/components/ui/Icon/Icon";
export default function ReceiptResultPage() {
return (
<>
- {/*
*/}
+
+
+
+
+
>
);