From 8867306bd055b68d213cdcd4b32dd9f6efcd9099 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Sun, 15 Oct 2023 11:44:31 +0800
Subject: [PATCH] Made button visually responsive on pressing

---
 src/components/Button/Button.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index ee36630..dce7823 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -17,7 +17,10 @@ export default function Button({ disabled = false, ...props }: props) {
     <Pressable
       disabled={disabled}
       onPress={props.onPress}
-      style={{ ...styles.button_template, ...{ backgroundColor: props.color } }}
+      style={({ pressed }) => [
+        styles.button_template,
+        { backgroundColor: pressed ? colors.primary_2 : props.color },
+      ]}
     >
       {props.children}
     </Pressable>