remove expo-linear-gradient

front/package.json

@@ -34,7 +34,6 @@
 		"expo": "^47.0.8",
 		"expo-asset": "~8.7.0",
 		"expo-dev-client": "~2.0.1",
-		"expo-linear-gradient": "^12.3.0",
 		"expo-image-picker": "~14.0.2",
 		"expo-linking": "~3.3.1",
 		"expo-screen-orientation": "~5.0.1",

front/views/ArtistDetailsView.tsx

@@ -7,7 +7,6 @@ import SongRow from '../components/SongRow';
 import { Key } from 'react';
 import { RouteProps, useNavigation } from '../Navigation';
 import { ImageBackground } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
 
 type ArtistDetailsViewProps = {
 	artistId: number;
@@ -35,10 +34,6 @@ const ArtistDetailsView = ({ artistId }: RouteProps<ArtistDetailsViewProps>) =>
 				style={{ width: '100%', height: isMobileView ? 200 : 300 }}
 				source={{ uri: API.getArtistIllustration(artistQuery.data.id) }}
 			>
-				<LinearGradient
-					colors={['#00000000', fadeColor]}
-					style={{ height: '100%', width: '100%' }}
-				/>
 			</ImageBackground>
 			<Box>
 				<Heading mt={-20} ml={3} fontSize={50}>

front/views/GenreDetailsView.tsx

@@ -6,7 +6,6 @@ import API from '../API';
 import CardGridCustom from '../components/CardGridCustom';
 import SongCard from '../components/SongCard';
 import { ImageBackground } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
 
 type GenreDetailsViewProps = {
 	genreId: number;
@@ -46,10 +45,6 @@ const GenreDetailsView = ({ genreId }: RouteProps<GenreDetailsViewProps>) => {
 				style={{ width: '100%', height: isMobileView ? 200 : 300 }}
 				source={{ uri: API.getGenreIllustration(genreQuery.data.id) }}
 			>
-				<LinearGradient
-					colors={['#00000000', fadeColor]}
-					style={{ height: '100%', width: '100%' }}
-				/>
 			</ImageBackground>
 			<Heading ml={3} fontSize={50}>
 				{genreQuery.data.name}