From 69921a878f38730b352e87d5624599af25978a1b Mon Sep 17 00:00:00 2001
From: Alexis DRAI <alexis.drai@etu.uca.fr>
Date: Fri, 16 Jun 2023 13:34:12 +0200
Subject: [PATCH] :lipstick: Update button styles

---
 screens/moves/MoveDetailScreen.tsx | 8 +++++++-
 screens/moves/MoveListScreen.tsx   | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/screens/moves/MoveDetailScreen.tsx b/screens/moves/MoveDetailScreen.tsx
index 0a85552..191edc6 100644
--- a/screens/moves/MoveDetailScreen.tsx
+++ b/screens/moves/MoveDetailScreen.tsx
@@ -35,7 +35,10 @@ const MoveDetailScreen = ({ navigation, route }: Props) => {
 
     return (
         <ScrollView style={styles.container}>
-            <Button title="Edit Move" onPress={() => navigation.navigate(MOVE_FORM, { move: move })}/>
+            <Button
+                title="Edit Move"
+                color={styles.updateButton.backgroundColor}
+                onPress={() => navigation.navigate(MOVE_FORM, { move: move })}/>
             <Text style={styles.title}>Name: {move?.name}</Text>
             <Text style={styles.detail}>Category: {move?.category}</Text>
             <Text style={styles.detail}>Power: {move?.power}</Text>
@@ -50,6 +53,9 @@ const MoveDetailScreen = ({ navigation, route }: Props) => {
 };
 
 const styles = StyleSheet.create({
+    updateButton: {
+        backgroundColor: '#BA22DA',
+    },
     container: {
         flex: 1,
         backgroundColor: '#FFFFFF',
diff --git a/screens/moves/MoveListScreen.tsx b/screens/moves/MoveListScreen.tsx
index 4f2664f..5a4941b 100644
--- a/screens/moves/MoveListScreen.tsx
+++ b/screens/moves/MoveListScreen.tsx
@@ -49,7 +49,10 @@ const MoveListScreen = ({ navigation }: Props) => {
             <FlatList
                 data={moves}
                 ListHeaderComponent={
-                    <Button title="Add Move" onPress={() => navigation.navigate(MOVE_FORM, { move: undefined })}/>
+                    <Button
+                        title="Add Move"
+                        color={styles.addButton.backgroundColor}
+                        onPress={() => navigation.navigate(MOVE_FORM, { move: undefined })}/>
                 }
                 renderItem={({ item }) => (
                     <View style={styles.listItemContainer}>
@@ -77,6 +80,9 @@ const styles = StyleSheet.create({
     deleteButton: {
         backgroundColor: '#FF6961',
     },
+    addButton: {
+        backgroundColor: '#BADA55',
+    },
     listItemContainer: {
         flexDirection: 'row',
         justifyContent: 'space-between',