wip

front/views/V2/SearchView.tsx

@@ -5,8 +5,8 @@ import { RouteProps, useNavigation } from '../../Navigation';
 import MusicList from '../../components/UI/MusicList';
 import { useQuery } from '../../Queries';
 import API from '../../API';
-import { MusicItemType } from '../../components/UI/MusicItem';
 import { View } from 'react-native';
+import { Text } from 'native-base';
 
 export type searchProps = {
 	artist: number | undefined;
@@ -17,9 +17,13 @@ export type searchProps = {
 // eslint-disable-next-line @typescript-eslint/ban-types
 const SearchView = (props: RouteProps<{}>) => {
 	const navigation = useNavigation();
-	// const [searchResult, setSearchResult] = React.useState([] as MusicItemType[]);
 	const [searchQuery, setSearchQuery] = React.useState({} as searchProps);
-	const rawResult = useQuery(API.searchSongs(searchQuery), {enabled: !!searchQuery.query});
+	const rawResult = useQuery(API.searchSongs(searchQuery), {enabled: !!searchQuery.query, onSuccess() {
+		
+		setSearchQuery({} as searchProps);
+	}, onError() {
+		setSearchQuery({} as searchProps);
+	},});
 	const result =
 	rawResult.data?.map((song) => ({
 		artist: song?.artist?.name ?? 'duh',
@@ -38,14 +42,16 @@ const SearchView = (props: RouteProps<{}>) => {
 	const handleLog = (query: searchProps) => {
 		console.log("got query: ", query.query);
 		setSearchQuery(query);
-		// rawResult.refetch();
 	}
 
+	console.table('result:', result);
+	console.table('raw:', rawResult);
+
 	return (
 		<ScaffoldCC routeName={props.route.name}>
 			<View style={{display: 'flex', gap: 20}} >
 			<SearchBarComponent onValidate={(data) => handleLog(data)} />
-			{/* {result ? <MusicList initialMusics={result} /> : null} */}
+			<MusicList initialMusics={result} />
 			</View>
 		</ScaffoldCC>
 	);