Feature/adc/#192 barre de recherche (#201)

* context and react query add to searchView

* handle empty result + back

* #192 - New card components and history fetch + dummy suggestions fetch

* respoonsive design + filters map

* artist details view + translations + SongData mapping fix + items limitation

* history search back and front + cards + fix

* fixed useless history entries

* clean code

* clean code

* fix pr: SearchHistory new type related fixes

* simplified SearchResultComponent (useEffect removed, condition simplified to trigger different 'modes'

* search re-do onPress history cards + scoreView obj map

* clean code API.ts

* fix pr + search history behavior

* added utility function to get song suggestions with artists and fixed error types along the way

* fix in songrow the title didn't shrinked when not enough space on screen

* removed redirect callback from ArtistCard to ArtistResults

* moved the callback from genre card grid to searchresult and implemented history for songs

* SearchBar is now updating input search following stringQuery

* added scroll view to have the complete background

* Added the route props for query in Searchview

* fixed robot test

---------

Co-authored-by: Clément Le Bihan <clement.lebihan773@gmail.com>
This commit is contained in:
Amaury
2023-05-26 10:50:25 +02:00
committed by GitHub
parent 5baf9309c6
commit 97bf7bdac8
26 changed files with 902 additions and 442 deletions
+35
View File
@@ -0,0 +1,35 @@
import React from 'react';
import { VStack, Text } from 'native-base';
import Card from './Card';
type SearchHistoryCardProps = {
query: string;
type: string;
timestamp?: string;
};
const SearchHistoryCard = (props: SearchHistoryCardProps & { onPress: (query: string) => void }) => {
const { query, type, timestamp, onPress } = props;
const handlePress = () => {
if (onPress) {
onPress(query);
}
};
return (
<Card shadow={2} onPress={handlePress} >
<VStack m={1.5} space={3}>
<Text fontSize="lg" fontWeight="bold">
{query ?? "query"}
</Text>
<Text fontSize="lg" fontWeight="semibold">
{type ?? "type"}
</Text>
<Text color="gray.500">{timestamp ?? "timestamp"}</Text>
</VStack>
</Card>
);
};
export default SearchHistoryCard;