yay

front/API.ts

@@ -708,7 +708,7 @@ export default class API {
 		if (query.query) queryParams.push(`q=${encodeURIComponent(query.query)}`);
 		if (query.artist) queryParams.push(`artistId=${query.artist}`);
 		if (query.genre) queryParams.push(`genreId=${query.genre}`);
-		if (include) queryParams.push(`include=${include.join(',')}`)
+		if (include) queryParams.push(`include=${include.join(',')}`);
 
 		const queryString = queryParams.length > 0 ? `?${queryParams.join('&')}` : '';
 

front/views/V2/SearchView.tsx

@@ -1,17 +1,10 @@
-import React, { useMemo } from 'react';
+import React from 'react';
-import { FlatList, HStack, useBreakpointValue, useTheme, Text, Row } from 'native-base';
+import { View } from 'react-native';
-import { useNavigation } from '../../Navigation';
-import { ArrowRotateLeft, Cup } from 'iconsax-react-native';
-import { View, StyleSheet } from 'react-native';
 import { useQuery } from '../../Queries';
-import { translate } from '../../i18n/i18n';
 import SearchBarComponent from '../../components/V2/SearchBar';
 import SearchHistory from '../../components/V2/SearchHistory';
-import MusicItem from '../../components/UI/MusicItem';
 import API from '../../API';
 import LoadingComponent from '../../components/Loading';
-import ErrorView from '../ErrorView';
-import { useLikeSongMutation } from '../../utils/likeSongMutation';
 import MusicListCC from '../../components/UI/MusicList';
 
 export type searchProps = {
@@ -20,75 +13,6 @@ export type searchProps = {
 	query: string;
 };
 
-const MusicListNoOpti = ({ list }: { list: any[] }) => {
-	const { colors } = useTheme();
-	const screenSize = useBreakpointValue({ base: 'small', md: 'md', xl: 'xl' });
-	const isBigScreen = screenSize === 'xl';
-
-	const headerComponent = useMemo(
-		() => (
-			<HStack
-				space={isBigScreen ? 1 : 2}
-				style={{
-					backgroundColor: colors.coolGray[500],
-					paddingHorizontal: isBigScreen ? 8 : 16,
-					paddingVertical: 12,
-					marginBottom: 2,
-				}}
-			>
-				<Text
-					fontSize="lg"
-					style={{
-						flex: 4,
-						width: '100%',
-						justifyContent: 'center',
-						paddingRight: 60,
-					}}
-				>
-					{translate('musicListTitleSong')}
-				</Text>
-				{[
-					{ text: translate('musicListTitleLastScore'), icon: ArrowRotateLeft },
-					{ text: translate('musicListTitleBestScore'), icon: Cup },
-				].map((value) => (
-					<Row
-						key={value.text}
-						style={{
-							display: 'flex',
-							flex: 1,
-							maxWidth: isBigScreen ? 150 : 50,
-							height: '100%',
-							alignItems: 'center',
-							justifyContent: isBigScreen ? 'flex-end' : 'center',
-						}}
-					>
-						{/* Conditional rendering based on screen size. */}
-						{isBigScreen && (
-							<Text fontSize="lg" style={{ paddingRight: 8 }}>
-								{value.text}
-							</Text>
-						)}
-						{/* Icon with color based on the current color scheme. */}
-						<value.icon size={18} color={colors.text[700]} />
-					</Row>
-				))}
-			</HStack>
-		),
-		[colors.coolGray[500], isBigScreen]
-	);
-
-	return (
-		<FlatList
-			nestedScrollEnabled
-			style={styles.container}
-			ListHeaderComponent={headerComponent}
-			data={list}
-			renderItem={({ item }) => <MusicItem style={{ marginBottom: 2 }} {...item} />}
-			keyExtractor={(item) => item.artist + item.song}
-		/>
-	);
-};
-
 const SearchView = () => {
 	const artistsQuery = useQuery(API.getAllArtists());
 	const [searchQuery, setSearchQuery] = React.useState({} as searchProps);
@@ -110,18 +34,17 @@ const SearchView = () => {
 	return (
 		<View style={{ display: 'flex', gap: 20 }}>
 			<SearchBarComponent onValidate={(query) => setSearchQuery(query)} />
-			{rawResult.isSuccess ? <MusicListCC musics={rawResult.data} isFetching={rawResult.isFetching} refetch={rawResult.refetch} /> : <SearchHistory />}
+			{rawResult.isSuccess ? (
+				<MusicListCC
+					musics={rawResult.data}
+					isFetching={rawResult.isFetching}
+					refetch={rawResult.refetch}
+				/>
+			) : (
+				<SearchHistory />
+			)}
 		</View>
 	);
 };
 
-const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-		gap: 2,
-		borderRadius: 10,
-		overflow: 'hidden',
-	},
-});
-
 export default SearchView;