From 087ab8df4d49fd3fd768f123c23caf0e5cba22b3 Mon Sep 17 00:00:00 2001
From: Yamyam-code <rnffjt@gmail.com>
Date: Mon, 29 Jan 2024 14:37:37 +0900
Subject: [PATCH] Fix: home QA

---
 src/assets/homeIcons/home/searchIcon.svg                     | 3 +++
 src/components/Home/Onboarding/Onboarding.module.scss        | 2 +-
 src/components/Home/TabBar/TabBar.module.scss                | 2 +-
 src/components/Home/TabBar/TabBar.tsx                        | 5 +++--
 .../Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx   | 3 ++-
 .../SearchFromHome/MapHeader/MapHeader.module.scss           | 2 +-
 .../SearchFromHome/SearchHome/HotItems/HotItems.module.scss  | 3 ++-
 .../SearchList/Map/MapItems/MapItems.module.scss             | 1 +
 .../WishItem/WishesHeader/WishesHeader.module.scss           | 3 +--
 9 files changed, 15 insertions(+), 9 deletions(-)
 create mode 100644 src/assets/homeIcons/home/searchIcon.svg

diff --git a/src/assets/homeIcons/home/searchIcon.svg b/src/assets/homeIcons/home/searchIcon.svg
new file mode 100644
index 00000000..1f1377f4
--- /dev/null
+++ b/src/assets/homeIcons/home/searchIcon.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M19.3187 18.0273L13.232 11.9406C14.1766 10.7195 14.6875 9.22656 14.6875 7.65625C14.6875 5.77656 13.9539 4.01406 12.6273 2.68516C11.3008 1.35625 9.53359 0.625 7.65625 0.625C5.77891 0.625 4.01172 1.35859 2.68516 2.68516C1.35625 4.01172 0.625 5.77656 0.625 7.65625C0.625 9.53359 1.35859 11.3008 2.68516 12.6273C4.01172 13.9562 5.77656 14.6875 7.65625 14.6875C9.22656 14.6875 10.7172 14.1766 11.9383 13.2344L18.025 19.3187C18.0428 19.3366 18.064 19.3508 18.0874 19.3604C18.1107 19.3701 18.1357 19.3751 18.1609 19.3751C18.1862 19.3751 18.2112 19.3701 18.2345 19.3604C18.2578 19.3508 18.279 19.3366 18.2969 19.3187L19.3187 18.2992C19.3366 18.2814 19.3508 18.2602 19.3604 18.2369C19.3701 18.2135 19.3751 18.1885 19.3751 18.1633C19.3751 18.138 19.3701 18.113 19.3604 18.0897C19.3508 18.0664 19.3366 18.0452 19.3187 18.0273ZM11.3688 11.3688C10.375 12.3602 9.05781 12.9062 7.65625 12.9062C6.25469 12.9062 4.9375 12.3602 3.94375 11.3688C2.95234 10.375 2.40625 9.05781 2.40625 7.65625C2.40625 6.25469 2.95234 4.93516 3.94375 3.94375C4.9375 2.95234 6.25469 2.40625 7.65625 2.40625C9.05781 2.40625 10.3773 2.95 11.3688 3.94375C12.3602 4.9375 12.9062 6.25469 12.9062 7.65625C12.9062 9.05781 12.3602 10.3773 11.3688 11.3688Z" fill="#23272F"/>
+</svg>
diff --git a/src/components/Home/Onboarding/Onboarding.module.scss b/src/components/Home/Onboarding/Onboarding.module.scss
index d3273911..a7f65868 100644
--- a/src/components/Home/Onboarding/Onboarding.module.scss
+++ b/src/components/Home/Onboarding/Onboarding.module.scss
@@ -39,7 +39,7 @@
   @include typography(headline);
   .modal {
     position: absolute;
-    top: 50%;
+    top: 45%;
     left: 50%;
 
     width: 31.1rem;
diff --git a/src/components/Home/TabBar/TabBar.module.scss b/src/components/Home/TabBar/TabBar.module.scss
index da8b2013..40c4654f 100644
--- a/src/components/Home/TabBar/TabBar.module.scss
+++ b/src/components/Home/TabBar/TabBar.module.scss
@@ -12,7 +12,7 @@
 
   background-color: $neutral0;
 
-  z-index: 10;
+  z-index: 1000;
 
   .icons {
     display: flex;
diff --git a/src/components/Home/TabBar/TabBar.tsx b/src/components/Home/TabBar/TabBar.tsx
index fc0ce996..e05af49c 100644
--- a/src/components/Home/TabBar/TabBar.tsx
+++ b/src/components/Home/TabBar/TabBar.tsx
@@ -1,11 +1,12 @@
 import {AiOutlineBell} from 'react-icons/ai';
-import {IoSearchSharp} from 'react-icons/io5';
 import {Link} from 'react-router-dom';
 
 import styles from './TabBar.module.scss';
 
 import {useGetAlarm} from '@/hooks/Notification/useNotification';
 
+import SearchIcon from '@/assets/homeIcons/home/searchIcon.svg?react';
+
 import {Alarmprop} from '@/types/alarm';
 
 function TabBar({onAlarmOpen, isAlarmOpen}: Alarmprop) {
@@ -20,7 +21,7 @@ function TabBar({onAlarmOpen, isAlarmOpen}: Alarmprop) {
     <div className={styles.container}>
       <div className={styles.icons}>
         <Link to='/search'>
-          <IoSearchSharp />
+          <SearchIcon style={{textAlign: 'center', paddingTop: '2px', width: '24px'}} />
         </Link>
         <button onClick={onAlarmOpen} className={styles.icons__wrapper}>
           <AiOutlineBell />
diff --git a/src/components/Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx b/src/components/Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx
index 91c474eb..b855da10 100644
--- a/src/components/Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx
+++ b/src/components/Home/VoteAtHome/VoteCard/CardHaveVote/CardHaveVote.tsx
@@ -19,6 +19,7 @@ interface PropsType {
 function CardHaveVote({data}: PropsType) {
   const [slideLocation, setSlideLocation] = useState<number>(0);
   const [componentRef, size] = useComponentSize();
+  const counts = data.voteResponse.length;
   return (
     <div className={styles.container}>
       <SlideButton
@@ -45,7 +46,7 @@ function CardHaveVote({data}: PropsType) {
               : '날짜 미정';
 
             return (
-              <div className={styles.vote_box} key={data.voteId}>
+              <div className={styles.vote_box} key={data.voteId} style={{width: counts === 1 ? '100%' : '30.8rem'}}>
                 <div className={styles.contents}>
                   <div className={styles.text_box}>
                     <p className={styles.vote_title}>
diff --git a/src/components/SearchFromHome/MapHeader/MapHeader.module.scss b/src/components/SearchFromHome/MapHeader/MapHeader.module.scss
index 3cd8b865..9d9e04ce 100644
--- a/src/components/SearchFromHome/MapHeader/MapHeader.module.scss
+++ b/src/components/SearchFromHome/MapHeader/MapHeader.module.scss
@@ -14,5 +14,5 @@
 
   color: $neutral900;
 
-  @include typography(button);
+  @include typography(subTitle);
 }
diff --git a/src/components/SearchFromHome/SearchHome/HotItems/HotItems.module.scss b/src/components/SearchFromHome/SearchHome/HotItems/HotItems.module.scss
index ba1ada99..b51b570d 100644
--- a/src/components/SearchFromHome/SearchHome/HotItems/HotItems.module.scss
+++ b/src/components/SearchFromHome/SearchHome/HotItems/HotItems.module.scss
@@ -1,9 +1,10 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   @include slide_button_container;
 
   .slide_box {
+    padding: 0 20px;
     @include slide_list_container;
     gap: 8px;
   }
diff --git a/src/components/SearchFromHome/SearchList/Map/MapItems/MapItems.module.scss b/src/components/SearchFromHome/SearchList/Map/MapItems/MapItems.module.scss
index edd784f1..5d178b0b 100644
--- a/src/components/SearchFromHome/SearchList/Map/MapItems/MapItems.module.scss
+++ b/src/components/SearchFromHome/SearchList/Map/MapItems/MapItems.module.scss
@@ -9,6 +9,7 @@
     }
   }
   .slide_box {
+    padding: 0 20px;
     @include slide_list_container;
     gap: 8px;
   }
diff --git a/src/components/WishItem/WishesHeader/WishesHeader.module.scss b/src/components/WishItem/WishesHeader/WishesHeader.module.scss
index 3cd8b865..4f906725 100644
--- a/src/components/WishItem/WishesHeader/WishesHeader.module.scss
+++ b/src/components/WishItem/WishesHeader/WishesHeader.module.scss
@@ -1,7 +1,6 @@
 @use '@/sass' as *;
 
 .container {
-  width: 14rem;
   min-height: 5.6rem;
 
   display: flex;
@@ -14,5 +13,5 @@
 
   color: $neutral900;
 
-  @include typography(button);
+  @include typography(subTitle);
 }