reverted country tabs

src/screens/InAppScreens/MapScreen/CountryViewScreen/index.tsx

@@ -46,21 +46,21 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
   const [photos, setPhotos] = useState<PhotosData[]>([]);
   const [name, setName] = useState('');
   const { data } = useGetCountryDataQuery(countryId, true, token && token);
-  const { mutateAsync: mutateCountriesData } = fetchCountryUserData();
-  const { data: regionsQe } = useGetRegionQeQuery(undefined, countryId, String(token), true);
+  // const { mutateAsync: mutateCountriesData } = fetchCountryUserData();
+  // const { data: regionsQe } = useGetRegionQeQuery(undefined, countryId, String(token), true);
   const { mutate: updateSeriesItem } = usePostSetToggleItem();
   const [isInfoModalVisible, setIsInfoModalVisible] = useState<boolean>(false);
   const [infoItem, setInfoItem] = useState<SeriesItem | null>(null);
   const [isEditSlowModalVisible, setIsEditSlowModalVisible] = useState<boolean>(false);
-  const [regionsData, setRegionsData] = useState<any>(null);
-  const [daresData, setDaresData] = useState<any>(null);
+  // const [regionsData, setRegionsData] = useState<any>(null);
+  // const [daresData, setDaresData] = useState<any>(null);
 
-  const [index, setIndex] = useState<number>(0);
-  const [countryRoutes] = useState([
-    { key: 'regions', title: 'NM regions' },
-    { key: 'dare', title: 'DARE places' },
-    { key: 'series', title: 'Series' }
-  ]);
+  // const [index, setIndex] = useState<number>(0);
+  // const [countryRoutes] = useState([
+  //   { key: 'regions', title: 'NM regions' },
+  //   { key: 'dare', title: 'DARE places' },
+  //   { key: 'series', title: 'Series' }
+  // ]);
 
   const {
     handleUpdateSlow: updateSlow,
@@ -114,30 +114,30 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
         setIsLoading(false);
       };
 
-      const fetchCountryData = async () => {
-        await mutateCountriesData(
-          { id: countryId, token },
-          {
-            onSuccess: (data) => {
-              setRegionData({ type: 'countries', id: countryId, ...data.data });
-            }
-          }
-        );
-      };
+      // const fetchCountryData = async () => {
+      //   await mutateCountriesData(
+      //     { id: countryId, token },
+      //     {
+      //       onSuccess: (data) => {
+      //         setRegionData({ type: 'countries', id: countryId, ...data.data });
+      //       }
+      //     }
+      //   );
+      // };
 
       if (data && data.result === 'OK') {
         fetchGroups();
-        fetchCountryData();
+        // fetchCountryData();
       }
     }, [data])
   );
 
-  useEffect(() => {
-    if (regionsQe && regionsQe.result === 'OK') {
-      setRegionsData(regionsQe.data.out_regs);
-      setDaresData(regionsQe.data.out_dare);
-    }
-  }, [regionsQe]);
+  // useEffect(() => {
+  //   if (regionsQe && regionsQe.result === 'OK') {
+  //     setRegionsData(regionsQe.data.out_regs);
+  //     setDaresData(regionsQe.data.out_dare);
+  //   }
+  // }, [regionsQe]);
 
   const handleCheckboxChange = useCallback(
     async (item: SeriesItem, double: boolean, seriesId: number) => {
@@ -241,9 +241,9 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
     });
   };
 
-  const renderScene = ({ route }: { route: any }) => {
-    return <View style={{ height: 0 }} />;
-  };
+  // const renderScene = ({ route }: { route: any }) => {
+  //   return <View style={{ height: 0 }} />;
+  // };
 
   const renderDurationIcon = (condition: 0 | 1) =>
     condition ? <CheckSvg fill={Colors.DARK_BLUE} /> : <CheckRegularSvg />;
@@ -487,9 +487,9 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
             )}
           </View>
 
-          <View style={[styles.divider]} />
+          <View style={[styles.divider, { marginBottom: 8 }]} />
 
-          <TabView
+          {/* <TabView
             navigationState={{ index, routes: countryRoutes }}
             renderScene={renderScene}
             onIndexChange={(i) => {
@@ -515,9 +515,9 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
                 )}
               />
             )}
-          />
+          /> */}
 
-          {index === 0 && (
+          {/* {index === 0 && (
             <>
               {regionsData && regionsData.length > 0 ? (
                 <FlatList
@@ -574,9 +574,9 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
                 />
               ) : null}
             </>
-          )}
+          )} */}
 
-          {index === 1 && (
+          {/* {index === 1 && (
             <>
               {daresData && daresData.length > 0 ? (
                 <FlatList
@@ -633,34 +633,33 @@ const CountryViewScreen: FC<Props> = ({ navigation, route }) => {
                 />
               ) : null}
             </>
-          )}
+          )} */}
 
-          {index === 2 && (
+          {/* {index === 2 && (
+            <> */}
+          {series.length > 0 ? (
             <>
-              {series.length > 0 ? (
-                <>
-                  <HorizontalTabView
-                    index={indexSeries}
-                    setIndex={setIndexSeries}
-                    routes={routes}
-                    renderScene={({ route }: { route: SeriesGroup }) => (
-                      <View style={{ height: 0 }} />
-                    )}
-                  />
-                  <TravelSeriesList
-                    series={series}
-                    indexSeries={indexSeries}
-                    routes={routes}
-                    handleCheckboxChange={handleCheckboxChange}
-                    setIsInfoModalVisible={setIsInfoModalVisible}
-                    setInfoItem={setInfoItem}
-                    disabled={disabled}
-                    includeAll={false}
-                  />
-                </>
-              ) : null}
+              <Text style={styles.travelSeriesTitle}>TRAVEL SERIES</Text>
+              <HorizontalTabView
+                index={indexSeries}
+                setIndex={setIndexSeries}
+                routes={routes}
+                renderScene={({ route }: { route: SeriesGroup }) => <View style={{ height: 0 }} />}
+              />
+              <TravelSeriesList
+                series={series}
+                indexSeries={indexSeries}
+                routes={routes}
+                handleCheckboxChange={handleCheckboxChange}
+                setIsInfoModalVisible={setIsInfoModalVisible}
+                setInfoItem={setInfoItem}
+                disabled={disabled}
+                includeAll={false}
+              />
             </>
-          )}
+          ) : null}
+          {/* </>
+          )} */}
         </View>
 
         <ImageView