From 313e587e17f2cf77b6b3a78ed89f8aeff9413ab3 Mon Sep 17 00:00:00 2001
From: sjsjmine129 <sjsjmine129@gmail.com>
Date: Sat, 25 May 2024 23:38:08 +0900
Subject: [PATCH] Add/Filter of naver data

---
 src/screens/list/ListMainScreen.js | 135 +++++++++++++++++++++++++++++
 src/screens/map/MapScreen.js       | 134 ++++++++++++++++++++++++++++
 2 files changed, 269 insertions(+)

diff --git a/src/screens/list/ListMainScreen.js b/src/screens/list/ListMainScreen.js
index 2df8ee8..7226f75 100644
--- a/src/screens/list/ListMainScreen.js
+++ b/src/screens/list/ListMainScreen.js
@@ -42,13 +42,20 @@ export default function ListMainScreen() {
   const [categoryModalVisible, setCategoryModalVisible] = useState(false);
   const [storeScoreModalVisible, setStoreScoreModalVisible] = useState(false);
   const [replyNumModalVisible, setReplyNumModalVisible] = useState(false);
+  const [storeScoreNaverModalVisible, setStoreScoreNaverModalVisible] =
+    useState(false);
+  const [replyNumNaverModalVisible, setReplyNaverNumModalVisible] =
+    useState(false);
+
   const [priceRangeModalVisible, setPriceRangeModalVisible] = useState(false);
   const [sortModalVisible, setSortModalVisible] = useState(false);
 
   const [selectedCategory, setSelectedCategory] = useState('전체');
   const [storeScore, setStoreScore] = useState('전체');
+  const [storeScoreNaver, setStoreScoreNaver] = useState('전체');
   const [replyNum, setReplyNum] = useState('전체');
   const [priceRange, setPriceRange] = useState('전체');
+  const [replyNumNaver, setReplyNumNaver] = useState('전체');
   const [sort, setSort] = useState('기본 순');
   const [selectSale, setSelectSale] = useState(false);
   const [likedStore, setLikedStore] = useState(false);
@@ -119,6 +126,21 @@ export default function ListMainScreen() {
           break;
       }
 
+      switch (storeScoreNaver) {
+        case '5.0점':
+          params.naverRatingAvg = 5.0;
+          break;
+        case '4.5점 이상':
+          params.naverRatingAvg = 4.5;
+          break;
+        case '4.0점 이상':
+          params.naverRatingAvg = 4.0;
+          break;
+        case '3.5점 이상':
+          params.naverRatingAvg = 3.5;
+          break;
+      }
+
       switch (replyNum) {
         case '10개 이상':
           params.reviewCount = 10;
@@ -134,6 +156,21 @@ export default function ListMainScreen() {
           break;
       }
 
+      switch (replyNumNaver) {
+        case '10개 이상':
+          params.naverReviewCount = 10;
+          break;
+        case '30개 이상':
+          params.naverReviewCount = 30;
+          break;
+        case '50개 이상':
+          params.naverReviewCount = 50;
+          break;
+        case '100개 이상':
+          params.naverReviewCount = 100;
+          break;
+      }
+
       switch (priceRange) {
         case '1만원 미만':
           params.priceMax = 10000;
@@ -195,6 +232,8 @@ export default function ListMainScreen() {
     selectSale,
     likedStore,
     sort,
+    storeScoreNaver,
+    replyNumNaver,
   ]);
 
   const listHeader = () => {
@@ -411,6 +450,43 @@ export default function ListMainScreen() {
 
             <View style={{width: 8}} />
 
+            <AnimatedButton
+              style={[
+                storeScoreNaverModalVisible
+                  ? styles.filterButtonSelected
+                  : styles.filterButton,
+                {
+                  backgroundColor:
+                    storeScoreNaver !== '전체'
+                      ? COLOR_PRIMARY
+                      : storeScoreNaverModalVisible
+                      ? '#D9D9D9'
+                      : 'white',
+                },
+              ]}
+              onPress={() => {
+                console.log('press 평점');
+                setStoreScoreNaverModalVisible(true);
+              }}>
+              {storeScoreNaver === '전체' ? (
+                <>
+                  <SvgXml xml={svgXml.icon.emptyStar} width="20" height="20" />
+                  <Text style={styles.filterText}>{'네이버 평점'}</Text>
+                </>
+              ) : (
+                <>
+                  <SvgXml
+                    xml={svgXml.icon.emptyStarColor}
+                    width="20"
+                    height="20"
+                  />
+                  <Text style={styles.filterTextActive}>{storeScoreNaver}</Text>
+                </>
+              )}
+            </AnimatedButton>
+
+            <View style={{width: 8}} />
+
             <AnimatedButton
               style={[
                 replyNumModalVisible
@@ -444,6 +520,39 @@ export default function ListMainScreen() {
 
             <View style={{width: 8}} />
 
+            <AnimatedButton
+              style={[
+                replyNumNaverModalVisible
+                  ? styles.filterButtonSelected
+                  : styles.filterButton,
+                {
+                  backgroundColor:
+                    replyNumNaver !== '전체'
+                      ? COLOR_PRIMARY
+                      : replyNumNaverModalVisible
+                      ? '#D9D9D9'
+                      : 'white',
+                },
+              ]}
+              onPress={() => {
+                console.log('press 네이버 댓글수');
+                setReplyNaverNumModalVisible(true);
+              }}>
+              {replyNumNaver === '전체' ? (
+                <>
+                  <SvgXml xml={svgXml.icon.reply} width="20" height="20" />
+                  <Text style={styles.filterText}>{'네이버 리뷰수'}</Text>
+                </>
+              ) : (
+                <>
+                  <SvgXml xml={svgXml.icon.replyColor} width="20" height="20" />
+                  <Text style={styles.filterTextActive}>{replyNumNaver}</Text>
+                </>
+              )}
+            </AnimatedButton>
+
+            <View style={{width: 8}} />
+
             <AnimatedButton
               style={[
                 priceRangeModalVisible
@@ -576,6 +685,16 @@ export default function ListMainScreen() {
         valueList={['전체', '5.0점', '4.5점 이상', '4.0점 이상', '3.5점 이상']}
       />
 
+      {/* 네이버 평점 모달 */}
+      <ListModal
+        visible={storeScoreNaverModalVisible}
+        setVisible={setStoreScoreNaverModalVisible}
+        title={'네이버 평점'}
+        value={storeScoreNaver}
+        setValue={setStoreScoreNaver}
+        valueList={['전체', '5.0점', '4.5점 이상', '4.0점 이상', '3.5점 이상']}
+      />
+
       {/* 정렬 모달 */}
       <ListModal
         visible={sortModalVisible}
@@ -608,6 +727,22 @@ export default function ListMainScreen() {
         ]}
       />
 
+      {/* 댓글수 모달 */}
+      <ListModal
+        visible={replyNumNaverModalVisible}
+        setVisible={setReplyNaverNumModalVisible}
+        title={'네이버 리뷰수'}
+        value={replyNumNaver}
+        setValue={setReplyNumNaver}
+        valueList={[
+          '전체',
+          '10개 이상',
+          '30개 이상',
+          '50개 이상',
+          '100개 이상',
+        ]}
+      />
+
       {/* 가격 모달 */}
       <ListModal
         visible={priceRangeModalVisible}
diff --git a/src/screens/map/MapScreen.js b/src/screens/map/MapScreen.js
index a59cac8..ea6be20 100644
--- a/src/screens/map/MapScreen.js
+++ b/src/screens/map/MapScreen.js
@@ -56,6 +56,10 @@ export default function MapScreen() {
   const [replyNumModalVisible, setReplyNumModalVisible] = useState(false);
   const [priceRangeModalVisible, setPriceRangeModalVisible] = useState(false);
   const [storeModalVisible, setStoreModalVisible] = useState(false);
+  const [storeScoreNaverModalVisible, setStoreScoreNaverModalVisible] =
+    useState(false);
+  const [replyNumNaverModalVisible, setReplyNaverNumModalVisible] =
+    useState(false);
 
   const [myLocation, setMyLocation] = useState({latitude: 0, longitude: 0});
   const [storeData, setStoreData] = useState({});
@@ -64,6 +68,8 @@ export default function MapScreen() {
   const [storeScore, setStoreScore] = useState('전체');
   const [replyNum, setReplyNum] = useState('전체');
   const [priceRange, setPriceRange] = useState('전체');
+  const [storeScoreNaver, setStoreScoreNaver] = useState('전체');
+  const [replyNumNaver, setReplyNumNaver] = useState('전체');
 
   const [selectSale, setSelectSale] = useState(false);
   const [likedStore, setLikedStore] = useState(false);
@@ -156,6 +162,21 @@ export default function MapScreen() {
           break;
       }
 
+      switch (storeScoreNaver) {
+        case '5.0점':
+          params.naverRatingAvg = 5.0;
+          break;
+        case '4.5점 이상':
+          params.naverRatingAvg = 4.5;
+          break;
+        case '4.0점 이상':
+          params.naverRatingAvg = 4.0;
+          break;
+        case '3.5점 이상':
+          params.naverRatingAvg = 3.5;
+          break;
+      }
+
       switch (replyNum) {
         case '10개 이상':
           params.reviewCount = 10;
@@ -171,6 +192,21 @@ export default function MapScreen() {
           break;
       }
 
+      switch (replyNumNaver) {
+        case '10개 이상':
+          params.naverReviewCount = 10;
+          break;
+        case '30개 이상':
+          params.naverReviewCount = 30;
+          break;
+        case '50개 이상':
+          params.naverReviewCount = 50;
+          break;
+        case '100개 이상':
+          params.naverReviewCount = 100;
+          break;
+      }
+
       switch (priceRange) {
         case '1만원 미만':
           params.priceMax = 10000;
@@ -218,6 +254,8 @@ export default function MapScreen() {
     priceRange,
     selectSale,
     likedStore,
+    storeScoreNaver,
+    replyNumNaver,
   ]);
 
   return (
@@ -425,6 +463,43 @@ export default function MapScreen() {
 
             <View style={{width: 8}} />
 
+            <AnimatedButton
+              style={[
+                storeScoreNaverModalVisible
+                  ? styles.filterButtonSelected
+                  : styles.filterButton,
+                {
+                  backgroundColor:
+                    storeScoreNaver !== '전체'
+                      ? COLOR_PRIMARY
+                      : storeScoreNaverModalVisible
+                      ? '#D9D9D9'
+                      : 'white',
+                },
+              ]}
+              onPress={() => {
+                console.log('press 평점');
+                setStoreScoreNaverModalVisible(true);
+              }}>
+              {storeScoreNaver === '전체' ? (
+                <>
+                  <SvgXml xml={svgXml.icon.emptyStar} width="20" height="20" />
+                  <Text style={styles.filterText}>{'네이버 평점'}</Text>
+                </>
+              ) : (
+                <>
+                  <SvgXml
+                    xml={svgXml.icon.emptyStarColor}
+                    width="20"
+                    height="20"
+                  />
+                  <Text style={styles.filterTextActive}>{storeScoreNaver}</Text>
+                </>
+              )}
+            </AnimatedButton>
+
+            <View style={{width: 8}} />
+
             <AnimatedButton
               style={[
                 replyNumModalVisible
@@ -458,6 +533,39 @@ export default function MapScreen() {
 
             <View style={{width: 8}} />
 
+            <AnimatedButton
+              style={[
+                replyNumNaverModalVisible
+                  ? styles.filterButtonSelected
+                  : styles.filterButton,
+                {
+                  backgroundColor:
+                    replyNumNaver !== '전체'
+                      ? COLOR_PRIMARY
+                      : replyNumNaverModalVisible
+                      ? '#D9D9D9'
+                      : 'white',
+                },
+              ]}
+              onPress={() => {
+                console.log('press 네이버 댓글수');
+                setReplyNaverNumModalVisible(true);
+              }}>
+              {replyNumNaver === '전체' ? (
+                <>
+                  <SvgXml xml={svgXml.icon.reply} width="20" height="20" />
+                  <Text style={styles.filterText}>{'네이버 리뷰수'}</Text>
+                </>
+              ) : (
+                <>
+                  <SvgXml xml={svgXml.icon.replyColor} width="20" height="20" />
+                  <Text style={styles.filterTextActive}>{replyNumNaver}</Text>
+                </>
+              )}
+            </AnimatedButton>
+
+            <View style={{width: 8}} />
+
             <AnimatedButton
               style={[
                 priceRangeModalVisible
@@ -576,6 +684,16 @@ export default function MapScreen() {
         valueList={['전체', '5.0점', '4.5점 이상', '4.0점 이상', '3.5점 이상']}
       />
 
+      {/* 네이버 평점 모달 */}
+      <ListModal
+        visible={storeScoreNaverModalVisible}
+        setVisible={setStoreScoreNaverModalVisible}
+        title={'네이버 평점'}
+        value={storeScoreNaver}
+        setValue={setStoreScoreNaver}
+        valueList={['전체', '5.0점', '4.5점 이상', '4.0점 이상', '3.5점 이상']}
+      />
+
       {/* 댓글수 모달 */}
       <ListModal
         visible={replyNumModalVisible}
@@ -592,6 +710,22 @@ export default function MapScreen() {
         ]}
       />
 
+      {/* 댓글수 모달 */}
+      <ListModal
+        visible={replyNumNaverModalVisible}
+        setVisible={setReplyNaverNumModalVisible}
+        title={'네이버 리뷰수'}
+        value={replyNumNaver}
+        setValue={setReplyNumNaver}
+        valueList={[
+          '전체',
+          '10개 이상',
+          '30개 이상',
+          '50개 이상',
+          '100개 이상',
+        ]}
+      />
+
       {/* 가격 모달 */}
       <ListModal
         visible={priceRangeModalVisible}