From ac1970145fece8c04a903a537c390a3324c1e803 Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Sun, 18 Jul 2021 17:02:39 +0900
Subject: [PATCH] forgot to use pressableopacity

---
 app/screens/LibraryArtists.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/screens/LibraryArtists.tsx b/app/screens/LibraryArtists.tsx
index e1700bb..0a6e812 100644
--- a/app/screens/LibraryArtists.tsx
+++ b/app/screens/LibraryArtists.tsx
@@ -1,23 +1,25 @@
+import ArtistArt from '@app/components/ArtistArt'
+import GradientFlatList from '@app/components/GradientFlatList'
+import PressableOpacity from '@app/components/PressableOpacity'
+import { Artist } from '@app/models/music'
+import { artistsAtom, artistsUpdatingAtom, useUpdateArtists } from '@app/state/music'
+import colors from '@app/styles/colors'
+import font from '@app/styles/font'
 import { useNavigation } from '@react-navigation/native'
 import { useAtomValue } from 'jotai/utils'
 import React, { useEffect } from 'react'
-import { Pressable, StyleSheet } from 'react-native'
-import { Text } from 'react-native'
-import { Artist } from '@app/models/music'
-import { artistsAtom, artistsUpdatingAtom, useUpdateArtists } from '@app/state/music'
-import font from '@app/styles/font'
-import ArtistArt from '@app/components/ArtistArt'
-import GradientFlatList from '@app/components/GradientFlatList'
-import colors from '@app/styles/colors'
+import { StyleSheet, Text } from 'react-native'
 
 const ArtistItem: React.FC<{ item: Artist }> = ({ item }) => {
   const navigation = useNavigation()
 
   return (
-    <Pressable style={styles.item} onPress={() => navigation.navigate('ArtistView', { id: item.id, title: item.name })}>
+    <PressableOpacity
+      style={styles.item}
+      onPress={() => navigation.navigate('ArtistView', { id: item.id, title: item.name })}>
       <ArtistArt id={item.id} width={70} height={70} />
       <Text style={styles.title}>{item.name}</Text>
-    </Pressable>
+    </PressableOpacity>
   )
 }
 
@@ -58,6 +60,7 @@ const styles = StyleSheet.create({
   item: {
     flexDirection: 'row',
     alignItems: 'center',
+    justifyContent: 'flex-start',
     marginVertical: 6,
     marginLeft: 10,
   },