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;