feat: GNB button hover 스케일 조절

peauty · Dec 27, 2024 · 5e0af3a · 5e0af3a
1 parent 4055d30
commit 5e0af3a
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git 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
@@ -77,13 +77,15 @@ interface LastStepProps {
     key: keyof SendEstimateProposalRequest,
     value: any[],
   ) => void;
+  setShowToast: (value: boolean) => void;
 }
 
 export default function CustomizeGrooming({
   onSubmit,
   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
@@ -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
@@ -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}
         />
       );
   }
-}
+}
diff --git 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`