Bug #23: Handled blacklisted searches and implemented no-result response

algocry · Oct 13, 2024 · e64bfa8 · e64bfa8
1 parent 911860e
commit e64bfa8
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 13 deletions.
diff --git a/src/libs/APIParser.js b/src/libs/APIParser.js
@@ -17,9 +17,11 @@ class ServiceProvider {
 						"B=ffe5a4383fa531151b96f993e2586d32; CT=MjgzNjUxNTc3; DL=english; L=hindi; geo=152.58.76.33%2CIN%2CPunjab%2CLudhiana%2C141007; mm_latlong=31.0048%2C75.9463; CH=G03%2CA07%2CO00%2CL03",
 				},
 			});
-
-			const data = await response.json();
-			return data;
+			if(response.status < 400){
+				const data = await response.json();
+				return data;
+			}
+			return null;
 		} catch (error) {
 			ToastAndroid.show(error, ToastAndroid.LONG);
 		}

diff --git a/src/screens/SearchScreen/SearchScreen.jsx b/src/screens/SearchScreen/SearchScreen.jsx
@@ -19,13 +19,17 @@ const SearchScreen = () => {
 				clearTimeout(timer);
 			}
 			const newTimer = setTimeout(async () => {
-				const response = await serviceProvider.getSearch(
-					encodeURIComponent(searchInput),
-					1,
-					searchType,
-				);
-				setResp(response?.results);
-			}, 1000);
+				try {
+					const response = await serviceProvider.getSearch(
+						encodeURIComponent(searchInput),
+						1,
+						searchType,
+					);
+					setResp(response?.results);
+				} catch (error) {
+					setResp(null);
+				}
+			}, 500);
 			setTimer(newTimer);
 		} else {
 			const fetchRecommendData = async () => {

diff --git a/src/screens/SearchScreen/components/SearchList.jsx b/src/screens/SearchScreen/components/SearchList.jsx
@@ -1,13 +1,15 @@
-import { StyleSheet } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 import React from "react";
 import MasonryList from "@react-native-seoul/masonry-list";
 import Card from "../../AlbumsScreen/components/Card";
+
 const SearchList = ({ searchData }) => {
 	const renderCard = ({ item, index }) => (
 		<Card albumData={item} index={index} />
 	);
+
 	return (
-		searchData && (
+		(searchData.length > 0) ? (
 			<MasonryList
 				data={searchData}
 				keyExtractor={(item) => item.id}
@@ -17,13 +19,25 @@ const SearchList = ({ searchData }) => {
 				onEndReachedThreshold={0.1}
 			/>
 		)
+			: (
+				<View style={styles.noResultsContainer}>
+					<Text style={styles.noResultsText}>No results found</Text>
+				</View>
+			)
 	);
 };
 
 export default SearchList;
 
 const styles = StyleSheet.create({
-	container: {
+	noResultsContainer: {
 		flex: 1,
+		justifyContent: "center",
+		alignItems: "center",
+	},
+	noResultsText: {
+		fontSize: 18,
+		fontWeight: "500",
+		color: "#555",
 	},
 });