From 5e0af3a0dc6a6938952d3cf79521c9229bd443d7 Mon Sep 17 00:00:00 2001
From: sieon <sieon.eve@gmail.com>
Date: Fri, 27 Dec 2024 20:29:35 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20GNB=20button=20hover=20=EC=8A=A4?=
 =?UTF-8?q?=EC=BC=80=EC=9D=BC=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/button/CustomButton/CustomButton.styles.ts    | 2 +-
 .../customer/request/components/customize-grooming/index.tsx | 2 ++
 src/pages/customer/request/components/search/index.tsx       | 5 ++++-
 src/pages/customer/request/index.tsx                         | 5 ++---
 src/pages/customer/review/history/components/ReviewCard.tsx  | 2 --
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/button/CustomButton/CustomButton.styles.ts b/src/components/button/CustomButton/CustomButton.styles.ts
index 9364377c..39f990ea 100644
--- a/src/components/button/CustomButton/CustomButton.styles.ts
+++ b/src/components/button/CustomButton/CustomButton.styles.ts
@@ -168,7 +168,7 @@ export const Button = styled.button<{
             background-color: ${colors.blue200};
             transform: translateY(-1px);
             transform: scale(
-              1.05
+              1.005
             ); /* Scale up without affecting surrounding elements */
             z-index: 2; /* Ensure it's on top */
           }
diff --git a/src/pages/customer/request/components/customize-grooming/index.tsx b/src/pages/customer/request/components/customize-grooming/index.tsx
index aa30659c..51877887 100644
--- a/src/pages/customer/request/components/customize-grooming/index.tsx
+++ b/src/pages/customer/request/components/customize-grooming/index.tsx
@@ -77,6 +77,7 @@ interface LastStepProps {
     key: keyof SendEstimateProposalRequest,
     value: any[],
   ) => void;
+  setShowToast: (value: boolean) => void;
 }
 
 export default function CustomizeGrooming({
@@ -84,6 +85,7 @@ export default function CustomizeGrooming({
   inputData,
   handleChange,
   handleArrayChange,
+  setShowToast,
 }: LastStepProps) {
   const [desiredCostError, setDesiredCostError] = useState("");
   const [selectedBodyIndex, setSelectedBodyIndex] = useState<number | null>(
diff --git a/src/pages/customer/request/components/search/index.tsx b/src/pages/customer/request/components/search/index.tsx
index fcc11dc2..8abbb052 100644
--- a/src/pages/customer/request/components/search/index.tsx
+++ b/src/pages/customer/request/components/search/index.tsx
@@ -25,6 +25,7 @@ import {
 import { ROUTE } from "../../../../../constants/routes";
 import Loading from "../../../../../components/page/sign-up/Loading";
 import { SendEstimateProposalRequest } from "../../../../../types/customer/bidding";
+import Toast from "../../../../../components/toast";
 
 interface SearchStepProps {
   onNext: () => void;
@@ -44,7 +45,7 @@ export default function Search({ onNext, handleArrayChange }: SearchStepProps) {
   const [isFetched, setIsFetched] = useState(false);
   const navigate = useNavigate();
   const [sortOption, setSortOption] = useState<string>("최신순");
-
+  const [showToast, setShowToast] = useState(false);
   useEffect(() => {
     const fetchData = async () => {
       if (!user || !user.userId || isFetched) {
@@ -221,6 +222,8 @@ export default function Search({ onNext, handleArrayChange }: SearchStepProps) {
       ) : (
         <GNB type="customer" />
       )}
+
+      {showToast && <Toast>견적 요청이 성공적으로 완료되었습니다!</Toast>}
     </>
   );
 }
diff --git a/src/pages/customer/request/index.tsx b/src/pages/customer/request/index.tsx
index 398e178c..bb16ba06 100644
--- a/src/pages/customer/request/index.tsx
+++ b/src/pages/customer/request/index.tsx
@@ -37,10 +37,8 @@ export default function Request() {
         return;
       }
 
-      // API 호출
       await initProcessWithSendEstimateProposal(userId, puppyId, formData);
 
-      // 성공 시 이동
       alert("요청이 성공적으로 완료되었습니다.");
       navigate(ROUTE.customer.mypage.home);
     } catch (error) {
@@ -67,7 +65,8 @@ export default function Request() {
           inputData={formData}
           handleChange={handleChange}
           handleArrayChange={handleArrayChange}
+          setShowToast={true}
         />
       );
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/customer/review/history/components/ReviewCard.tsx b/src/pages/customer/review/history/components/ReviewCard.tsx
index 4099af64..6fac21ba 100644
--- a/src/pages/customer/review/history/components/ReviewCard.tsx
+++ b/src/pages/customer/review/history/components/ReviewCard.tsx
@@ -130,8 +130,6 @@ const ImageContainer = styled.div`
 const Date = styled.div`
   width: 100%;
   display: flex;
-  /* justify-content: flex-end; */
-  /* margin-left: 330px; */
 `;
 
 const Info = styled.div`