feat: artist illustrations

front/API.ts

@@ -296,17 +296,20 @@ export default class API {
 		});
 	}
 
+	/**
+	 * Retrive a song's midi partition
+	 * @param songId the id to find the song
+	 */
+	public static getArtistIllustration(artistId: number): string {
+		return `${baseAPIUrl}/artist/${artistId}/illustration`;
+	}
+
 	/**
 	 * Retrive a song's midi partition
 	 * @param songId the id to find the song
 	 */
 	public static getGenreIllustration(genreId: number): string {
 		return `${baseAPIUrl}/genre/${genreId}/illustration`;
-		/*
-		return API.fetch({
-			route: `/genre/${genreId}/illustration`,
-			raw: true,
-		});*/
 	}
 
 	/**

front/components/ArtistCard.tsx

@@ -1,26 +1,24 @@
 import React from "react";
-import Card, { CardBorderRadius } from './Card';
-import { VStack, Text, Image } from 'native-base';
+import Card, { CardBorderRadius } from "./Card";
+import { VStack, Text, Image } from "native-base";
+import API from "../API";
 
 type ArtistCardProps = {
 	image: string;
 	name: string;
 	id: number;
 	onPress: () => void;
-}
+};
 
 const ArtistCard = (props: ArtistCardProps) => {
 	const { image, name, id } = props;
 
 	return (
-		<Card
-			shadow={3}
-			onPress={props.onPress}
-		>
+		<Card shadow={3} onPress={props.onPress}>
 			<VStack m={1.5} space={3}>
 				<Image
 					style={{ zIndex: 0, aspectRatio: 1, borderRadius: CardBorderRadius }}
-					source={{ uri: image }}
+					source={{ uri: API.getArtistIllustration(id) }}
 					alt={name}
 				/>
 				<VStack>
@@ -31,13 +29,13 @@ const ArtistCard = (props: ArtistCardProps) => {
 			</VStack>
 		</Card>
 	);
-}
+};
 
 ArtistCard.defaultProps = {
-	image: 'https://picsum.photos/200',
-	name: 'Artist',
+	image: "https://picsum.photos/200",
+	name: "Artist",
 	id: 0,
-	onPress: () => { }
-}
+	onPress: () => { },
+};
 
-export default ArtistCard;
+export default ArtistCard;