From c9d3ef88e7ecb22da79f8da121079e4cefca9391 Mon Sep 17 00:00:00 2001
From: danis <amaury.danis-cousandier@epitech.eu>
Date: Tue, 5 Sep 2023 13:44:30 +0200
Subject: [PATCH] clean code + search history handler fix

---
 front/models/SearchHistory.ts    |  2 +-
 front/views/GenreDetailsView.tsx | 24 ------------------------
 2 files changed, 1 insertion(+), 25 deletions(-)

diff --git a/front/models/SearchHistory.ts b/front/models/SearchHistory.ts
index 05c433b..779be6c 100644
--- a/front/models/SearchHistory.ts
+++ b/front/models/SearchHistory.ts
@@ -2,7 +2,7 @@ import Model, { ModelValidator } from './Model';
 import * as yup from 'yup';
 import ResponseHandler from './ResponseHandler';
 
-export const SearchType = ['song', 'artist', 'album'] as const;
+export const SearchType = ['song', 'artist', 'album', 'genre'] as const;
 export type SearchType = (typeof SearchType)[number];
 
 const SearchHistoryValidator = yup
diff --git a/front/views/GenreDetailsView.tsx b/front/views/GenreDetailsView.tsx
index e7bf15a..694b129 100644
--- a/front/views/GenreDetailsView.tsx
+++ b/front/views/GenreDetailsView.tsx
@@ -10,31 +10,12 @@ import CardGridCustom from '../components/CardGridCustom';
 import { translate } from '../i18n/i18n';
 
 const colorRange = ['#364fc7', '#5c940d', '#c92a2a', '#d6336c', '#20c997'];
-// 	{
-// 		code: '#364fc7',
-// 	},
-// 	{
-// 		code: '#5c940d',
-// 	},
-// 	{
-// 		code: '#c92a2a',
-// 	},
-// 	{
-// 		code: '#d6336c',
-// 	},
-// 	{
-// 		code: '#20c997'
-// 	}
-// ]
 
 type GenreDetailsViewProps = {
 	genreId: number;
 }
 
-const rockArtists: any[] = [];
-
 const GenreDetailsView = ({ genreId }: RouteProps<GenreDetailsViewProps>) => {
-	// const { isLoading: isLoadingGenre, data: genreData, error: isErrorGenre } = useQuery(API.getArtist(genreId));
 	const genreQuery = useQuery(API.getGenre(genreId))
 	const songsQuery = useQuery(API.getSongsByGenre(genreId))
 	const screenSize = useBreakpointValue({ base: "small", md: "big" });
@@ -69,7 +50,6 @@ const GenreDetailsView = ({ genreId }: RouteProps<GenreDetailsViewProps>) => {
 				justifyContent={['flex-start']}
 				mt={4}
 			>
-				<Box>
 				<CardGridCustom
 					content={songsQuery.data.slice(0, songsQuery.data.length).map((songData) => ({
 						image: API.getArtistIllustration(songData.id),
@@ -82,10 +62,6 @@ const GenreDetailsView = ({ genreId }: RouteProps<GenreDetailsViewProps>) => {
 					}))}
 					cardComponent={ArtistCard}
 				/>
-				</Box>
-				<Box>
-					
-				</Box>
 			</Flex>
 		</ScrollView>
 );