From 7c3fea69dbedb7017dcf92a300000a29af932acb Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Wed, 7 Jul 2021 13:51:02 +0900
Subject: [PATCH] color tweaks

use thumb for now playing bar
---
 src/components/NowPlayingBar.tsx                     | 4 ++--
 src/components/NowPlayingLayout.tsx                  | 1 -
 src/components/common/PressableImage.tsx             | 2 +-
 src/components/navigation/LibraryTopTabNavigator.tsx | 2 +-
 src/state/trackplayer.ts                             | 1 +
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/NowPlayingBar.tsx b/src/components/NowPlayingBar.tsx
index 9bb4359..abf819f 100644
--- a/src/components/NowPlayingBar.tsx
+++ b/src/components/NowPlayingBar.tsx
@@ -27,7 +27,7 @@ const ProgressBar = () => {
 
 const progressStyles = StyleSheet.create({
   container: {
-    height: 1,
+    height: 2,
     flexDirection: 'row',
   },
   left: {
@@ -71,7 +71,7 @@ const NowPlayingBar = () => {
           PlaceholderComponent={() => <Text>hi</Text>}
           height={styles.subContainer.height}
           width={styles.subContainer.height}
-          coverArtUri={track?.artwork as string}
+          coverArtUri={track?.artworkThumb}
         />
         <View style={styles.detailsContainer}>
           <Text numberOfLines={1} style={styles.detailsTitle}>
diff --git a/src/components/NowPlayingLayout.tsx b/src/components/NowPlayingLayout.tsx
index cf238ae..544af18 100644
--- a/src/components/NowPlayingLayout.tsx
+++ b/src/components/NowPlayingLayout.tsx
@@ -93,7 +93,6 @@ const coverArtStyles = StyleSheet.create({
 
 const SongInfo = () => {
   const track = useAtomValue(currentTrackAtom)
-  console.log(track?.artist)
 
   return (
     <View style={infoStyles.container}>
diff --git a/src/components/common/PressableImage.tsx b/src/components/common/PressableImage.tsx
index 5017a66..714d679 100644
--- a/src/components/common/PressableImage.tsx
+++ b/src/components/common/PressableImage.tsx
@@ -38,7 +38,7 @@ const PressableImage: React.FC<{
       android_ripple={
         ripple
           ? {
-              color: 'rgba(0.5,0.5,0.5,0.26)',
+              color: 'rgba(255,255,255,0.26)',
               radius: dimensions ? dimensions.width / 2 : undefined,
             }
           : undefined
diff --git a/src/components/navigation/LibraryTopTabNavigator.tsx b/src/components/navigation/LibraryTopTabNavigator.tsx
index 9b49943..a0ea841 100644
--- a/src/components/navigation/LibraryTopTabNavigator.tsx
+++ b/src/components/navigation/LibraryTopTabNavigator.tsx
@@ -29,7 +29,7 @@ const LibraryTopTabNavigator = () => (
         marginHorizontal: 2,
       },
       indicatorStyle: {
-        backgroundColor: colors.accent,
+        backgroundColor: colors.text.primary,
       },
     }}>
     <Tab.Screen name="Albums" component={AlbumsTab} />
diff --git a/src/state/trackplayer.ts b/src/state/trackplayer.ts
index 5459846..3a94a62 100644
--- a/src/state/trackplayer.ts
+++ b/src/state/trackplayer.ts
@@ -9,6 +9,7 @@ import { PromiseQueue } from '../util'
 type TrackExt = Track & {
   id: string
   queueName: string
+  artworkThumb?: string
 }
 
 type OptionalTrackExt = TrackExt | undefined