From bd6fd21a18f065a5f69ff3f6638faa5a84c98029 Mon Sep 17 00:00:00 2001
From: sikkzz <sling0623@gmail.com>
Date: Sat, 22 Feb 2025 00:02:13 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=A6=AC=EB=B7=B0=20=EA=B2=B0?=
 =?UTF-8?q?=EA=B3=BC=20=EC=83=9D=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ReviewResultPage.module.scss              | 37 ++++++++++++++-----
 .../ReviewResultPage/ReviewResultPage.tsx     | 12 +-----
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/pages/ReviewResultPage/ReviewResultPage.module.scss b/src/pages/ReviewResultPage/ReviewResultPage.module.scss
index da96045..a9ee189 100644
--- a/src/pages/ReviewResultPage/ReviewResultPage.module.scss
+++ b/src/pages/ReviewResultPage/ReviewResultPage.module.scss
@@ -1,5 +1,6 @@
 .ReviewResult {
   padding: 2.5rem 1.25rem;
+  padding-bottom: 9rem;
   height: 100vh;
   overflow: hidden;
   position: relative;
@@ -40,18 +41,34 @@
 }
 
 .Bottom {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-}
-
-.ButtonBox {
-  align-items: center;
-  gap: 0.875rem;
-  z-index: 1;
+  z-index: 2;
+  position: fixed;
+  width: 100%;
+  height: 7rem;
+  left: 0;
+  bottom: 0;
   display: grid;
   grid-template-columns: 30% 1fr;
-  margin-top: 1.25rem;
+  gap: 0.875rem;
+  background: linear-gradient(
+    180deg,
+    rgba(220, 220, 232, 0) 0%,
+    rgba(220, 220, 232, 1) 20%,
+    rgba(220, 220, 232, 1) 100%
+  );
+
+  & > button {
+    margin-top: 1.25rem;
+
+    &:first-of-type {
+      width: calc(100% - 1.25rem);
+      margin-left: 1.25rem;
+    }
+
+    &:last-of-type {
+      width: calc(100% - 1.25rem);
+    }
+  }
 }
 
 .Image {
diff --git a/src/pages/ReviewResultPage/ReviewResultPage.tsx b/src/pages/ReviewResultPage/ReviewResultPage.tsx
index 617001f..0e89f13 100644
--- a/src/pages/ReviewResultPage/ReviewResultPage.tsx
+++ b/src/pages/ReviewResultPage/ReviewResultPage.tsx
@@ -8,11 +8,9 @@ import { useAppBridge } from "@/components/provider/AppBridgeProvider/AppBridgeP
 import Button from "@/components/ui/Button/Button";
 import IconButton from "@/components/ui/IconButton/IconButton";
 import Text from "@/components/ui/Text/Text";
-import Toast from "@/components/ui/Toast/Toast";
 
 import { useOverlay } from "@/hooks/common/useOverlay";
 import { useRoute } from "@/hooks/common/useRoute";
-import useToast from "@/hooks/common/useToast";
 
 import styles from "@/pages/ReviewResultPage/ReviewResultPage.module.scss";
 
@@ -30,7 +28,6 @@ export default function ReviewResultPage() {
   const { navigateToCreateReviewFail, navigateToLoading } = useRoute();
 
   const { isOpen, handleClose, handleOpen } = useOverlay();
-  const { isToast, showToast } = useToast(1000);
 
   const { ocrText, hashTag, reviewStyle } = createReviewData;
 
@@ -89,19 +86,14 @@ export default function ReviewResultPage() {
             size="sm"
             onClick={() => {
               send({ type: AppBridgeMessageType.COPY, payload: { review: generateReviewData } });
-
-              showToast();
             }}
           />
         </div>
       </div>
 
       <div className={styles.Bottom}>
-        {isToast && <Toast text="리뷰가 복사되었어요." />}
-        <div className={styles.ButtonBox}>
-          <Button text="다시생성" variant="secondary" onClick={handleRetryCreateReview} />
-          <Button text="홈으로 가기" onClick={handleOpen} />
-        </div>
+        <Button text="다시생성" variant="secondary" onClick={handleRetryCreateReview} />
+        <Button text="홈으로 가기" onClick={handleOpen} />
       </div>
 
       <HomeNavigateConfirmModal isOpen={isOpen} handleClose={handleClose} />