Implemented search feature (complete)

algocry · Sep 30, 2024 · 745c7aa · 745c7aa
1 parent 28f355e
commit 745c7aa
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/src/screens/AlbumsScreen/components/Card.jsx b/src/screens/AlbumsScreen/components/Card.jsx
@@ -9,6 +9,7 @@ import { useNavigation } from '@react-navigation/native';
 const Card = ({ albumData, index }) => {
     const { setPlaylist } = useContext(PlayerContext);
     const navigation = useNavigation();
+    albumData.title = albumData.title ? albumData.title : albumData.name;
     return (
         <TouchableOpacity onPress={() => handleAlbum({
             albumData: albumData,
@@ -18,7 +19,7 @@ const Card = ({ albumData, index }) => {
             navigation: navigation
         })} style={[styles.card, { height: index % 3 === 0 ? 250 : 180 }]}>
             <ImageBackground
-                source={{ uri: albumData.image.replace("150x150", "500x500") }}
+                source={{ uri: albumData.image.replace("150x150", "500x500").replace("50x50", "500x500") }}
                 style={styles.image}
                 imageStyle={styles.imageOverlay}
             >

diff --git a/src/screens/SearchScreen/SearchScreen.jsx b/src/screens/SearchScreen/SearchScreen.jsx
@@ -19,7 +19,7 @@ const SearchScreen = () => {
         clearTimeout(timer);
       }
       const newTimer = setTimeout(async () => {
-        const response = await serviceProvider.getSearch(searchInput, 1, searchType);
+        const response = await serviceProvider.getSearch(encodeURIComponent(searchInput), 1, searchType);
         setResp(response);
       }, 1000);
       setTimer(newTimer);
@@ -37,7 +37,7 @@ const SearchScreen = () => {
     <View>
       <Navbar setSearchInput={setSearchInput} />
       <ModeSelector setSearchType={setSearchType} searchType={searchType} />
-      <SearchList searchData={resp}/>
+      <SearchList searchData={!searchInput?resp:resp.results}/>
     </View>
   )
 }

diff --git a/src/screens/SearchScreen/components/ModeSelector.jsx b/src/screens/SearchScreen/components/ModeSelector.jsx
@@ -7,7 +7,7 @@ const ModeSelector = ({ setSearchType, searchType }) => {
     { label: "Playlists", value: 0 },
     { label: "Songs", value: 1 },
     { label: "Albums", value: 2 },
-    { label: "Artists", value: 3 }
+    { label: "Artists", value: 4 }
   ];
 
   return (

diff --git a/src/screens/SearchScreen/components/SearchList.jsx b/src/screens/SearchScreen/components/SearchList.jsx
@@ -2,7 +2,7 @@ import { StyleSheet, Text, ScrollView } 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 SearchList = ({ searchData }) => {  
   const renderCard = ({ item, index }) => (
     <Card albumData={item} index={index} />
   );

diff --git a/src/utils/albumParser.js b/src/utils/albumParser.js
@@ -94,7 +94,7 @@ const handleAlbum = async ({
                     albumCover: data.image.replace("150x150", "500x500"),
                     items: data.topSongs.map((item, i) => {
                         return {
-                            songName: item.album,
+                            songName: item.song,
                             duration: item.duration,
                             songCover: item.image.replace("150x150", "500x500"),
                             playUrl: item.encrypted_media_url,