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 = () => { mainLogo
- +
- -
); }; 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 = () => {
- mainLogo + mainLogo
@@ -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 ( <> - {/* */} + + + + + );