diff --git a/front/API.ts b/front/API.ts
index 25b9bfa..8a36f52 100644
--- a/front/API.ts
+++ b/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('&')}` : '';
diff --git a/front/views/V2/SearchView.tsx b/front/views/V2/SearchView.tsx
index cfaada9..76761ba 100644
--- a/front/views/V2/SearchView.tsx
+++ b/front/views/V2/SearchView.tsx
@@ -1,17 +1,10 @@
-import React, { useMemo } from 'react';
-import { FlatList, HStack, useBreakpointValue, useTheme, Text, Row } from 'native-base';
-import { useNavigation } from '../../Navigation';
-import { ArrowRotateLeft, Cup } from 'iconsax-react-native';
-import { View, StyleSheet } from 'react-native';
+import React from 'react';
+import { View } 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(
- () => (
-
-
- {translate('musicListTitleSong')}
-
- {[
- { text: translate('musicListTitleLastScore'), icon: ArrowRotateLeft },
- { text: translate('musicListTitleBestScore'), icon: Cup },
- ].map((value) => (
-
- {/* Conditional rendering based on screen size. */}
- {isBigScreen && (
-
- {value.text}
-
- )}
- {/* Icon with color based on the current color scheme. */}
-
-
- ))}
-
- ),
- [colors.coolGray[500], isBigScreen]
- );
-
- return (
- }
- 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 (
setSearchQuery(query)} />
- {rawResult.isSuccess ? : }
+ {rawResult.isSuccess ? (
+
+ ) : (
+
+ )}
);
};
-const styles = StyleSheet.create({
- container: {
- flex: 1,
- gap: 2,
- borderRadius: 10,
- overflow: 'hidden',
- },
-});
-
export default SearchView;