From a991f08d5ea6c09cae2237d00742f4f090c8d02a Mon Sep 17 00:00:00 2001
From: murpin <qw04011@gmail.com>
Date: Tue, 25 Jul 2023 16:03:51 +0900
Subject: [PATCH] =?UTF-8?q?style:=20lint=20=EC=98=A4=EB=A5=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Store/StoreDetailPage/index.tsx | 33 ++++++++++--------
 src/pages/Store/StorePage/index.tsx       | 42 ++++++++++-------------
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/src/pages/Store/StoreDetailPage/index.tsx b/src/pages/Store/StoreDetailPage/index.tsx
index b9e747c5..5b816491 100644
--- a/src/pages/Store/StoreDetailPage/index.tsx
+++ b/src/pages/Store/StoreDetailPage/index.tsx
@@ -53,8 +53,8 @@ function StoreDetailPage() {
                 <span>운영시간</span>
                 {storeDetail?.open
                   ? `${storeDetail?.open[getDayOfWeek()].open_time} ~ ${
-                      storeDetail?.open[getDayOfWeek()].close_time
-                    }`
+                    storeDetail?.open[getDayOfWeek()].close_time
+                  }`
                   : '-'}
                 <br />
                 <span>주소정보</span>
@@ -101,8 +101,8 @@ function StoreDetailPage() {
             </div>
           )}
           <div className={styles.image}>
-            {storeDetail?.image_urls &&
-              storeDetail.image_urls.map((img, index) => (
+            {
+              storeDetail?.image_urls && storeDetail.image_urls.map((img, index) => (
                 <div key={`${img}`} className={styles.image__content}>
                   <button
                     className={styles.image__button}
@@ -113,35 +113,38 @@ function StoreDetailPage() {
                     <img className={styles.image__poster} src={`${img}`} alt="상점이미지" />
                   </button>
                 </div>
-              ))}
+              ))
+            }
           </div>
         </div>
         {storeMenuCategories && storeMenuCategories.length > 0 && (
           <>
             <div className={styles['menu-title']}>MENU</div>
             <div className={styles['menu-info']}>
-              {storeMenuCategories.map((menuCategories: MenuCategory) =>
-                menuCategories.menus.map((menu: Menu) =>
+              {storeMenuCategories.map((menuCategories: MenuCategory) => (
+                menuCategories.menus.map((menu: Menu) => (
                   menu.option_prices === null ? (
                     <div className={styles['menu-card']} key={menu.id}>
                       {menu.name}
                       <span>
-                        {!!menu.single_price &&
-                          menu.single_price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
+                        {
+                          !!menu.single_price && (
+                            menu.single_price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+                          )
+                        }
                       </span>
                     </div>
                   ) : (
                     <div className={styles['menu-card']} key={menu.id}>
                       {menu.name}
                       <span>
-                        {menu.option_prices[0].price
-                          .toString()
-                          .replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
+                        {
+                          menu.option_prices[0].price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+                        }
                       </span>
                     </div>
-                  ),
-                ),
-              )}
+                  )
+                ))))}
             </div>
           </>
         )}
diff --git a/src/pages/Store/StorePage/index.tsx b/src/pages/Store/StorePage/index.tsx
index 753008fb..5c2d6e55 100644
--- a/src/pages/Store/StorePage/index.tsx
+++ b/src/pages/Store/StorePage/index.tsx
@@ -44,9 +44,9 @@ const searchStorePayCheckBoxFilter = (checked: string | undefined) => {
 
 const checkedStoreSearchQuery = (storeSearchQuery: StoreSearchQueryType) => {
   if (
-    storeSearchQuery.delivery === undefined &&
-    storeSearchQuery.bank === undefined &&
-    storeSearchQuery.card === undefined
+    storeSearchQuery.delivery === undefined && (
+      storeSearchQuery.bank === undefined) && (
+      storeSearchQuery.card === undefined)
   ) {
     return true;
   }
@@ -58,16 +58,14 @@ const useStoreList = (params: StoreSearchQueryType) => {
     retry: 0,
   });
   return storeList?.shops.filter(
-    (store) =>
-      (params.category === undefined ||
-        params.category === 'ALL' ||
-        store.category === params.category) &&
-      (checkedStoreSearchQuery(params)
-        ? true
-        : (store.pay_bank && searchStorePayCheckBoxFilter(params.bank)) ||
-          (store.pay_card && searchStorePayCheckBoxFilter(params.card)) ||
-          (store.delivery && searchStorePayCheckBoxFilter(params.delivery))) &&
-      store.name.includes(params.storeName ? params.storeName : ''),
+    (store) => (params.category === undefined || params.category === 'ALL' || (
+      store.category === params.category
+    )) && (
+      checkedStoreSearchQuery(params)
+        ? true : (store.pay_bank && searchStorePayCheckBoxFilter(params.bank)) || (
+          store.pay_card && searchStorePayCheckBoxFilter(params.card)) || (
+          store.delivery && searchStorePayCheckBoxFilter(params.delivery))) && (
+      store.name.includes(params.storeName ? params.storeName : '')),
   );
 };
 
@@ -85,12 +83,11 @@ const isStoreOpen = (open_time: string | null, close_time: string | null) => {
   const closeTimeNum = Number(close_time.replace(':', ''));
   const nowTimeNum = date.getHours() * 100 + date.getMinutes();
 
-  if (
-    openTimeNum > closeTimeNum
-      ? openTimeNum >= nowTimeNum || closeTimeNum >= nowTimeNum
-      : openTimeNum >= nowTimeNum || closeTimeNum <= nowTimeNum
-  )
-    return true;
+  if (openTimeNum > closeTimeNum ? (
+    openTimeNum >= nowTimeNum || closeTimeNum >= nowTimeNum
+  ) : (
+    openTimeNum >= nowTimeNum || closeTimeNum <= nowTimeNum
+  )) return true;
   return false;
 };
 
@@ -115,9 +112,7 @@ function StorePage() {
               role="radio"
               aria-checked={searchParams.get('category') === value.tag}
               type="button"
-              onClick={() =>
-                setParams('category', value.tag, { deleteBeforeParam: false, replacePage: true })
-              }
+              onClick={() => setParams('category', value.tag, { deleteBeforeParam: false, replacePage: true })}
               key={value.tag}
             >
               <img className={styles.category__image} src={value.image} alt="category_img" />
@@ -137,11 +132,12 @@ function StorePage() {
           name="search"
           placeholder="상점명을 입력하세요"
           onKeyPress={(e) => {
-            if (e.key === 'Enter')
+            if (e.key === 'Enter') {
               setParams('storeName', e.target.value, {
                 deleteBeforeParam: searchParams.get('storeName') === undefined,
                 replacePage: true,
               });
+            }
           }}
         />
         <button