From 388a400b320447c6388fe0981c87b4ad82f2ee9c Mon Sep 17 00:00:00 2001
From: Mochammad Adhi Buchori <adhi.buchori@gmail.com>
Date: Thu, 24 Apr 2025 11:29:50 +0700
Subject: [PATCH] Add button pay now on the Other Method screen

---
 src/screens/otherMethod/index.tsx  | 5 ++++-
 src/screens/otherMethod/styles.tsx | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/screens/otherMethod/index.tsx b/src/screens/otherMethod/index.tsx
index f6c404d..677f17f 100644
--- a/src/screens/otherMethod/index.tsx
+++ b/src/screens/otherMethod/index.tsx
@@ -1,5 +1,5 @@
 import {ScrollView, StatusBar, View} from 'react-native';
-import {Text} from 'react-native-paper';
+import {Text, Button} from 'react-native-paper';
 import styles from './styles';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import Colors from '../../../assets/styles/Colors';
@@ -200,6 +200,9 @@ function OtherMethodScreen() {
           </View>
         </View>
       </ScrollView>
+      <Button mode="contained" style={styles.buttonPayNow} onPress={() => {}}>
+        Bayar Sekarang
+      </Button>
     </View>
   );
 }
diff --git a/src/screens/otherMethod/styles.tsx b/src/screens/otherMethod/styles.tsx
index b16d8d1..d967dbf 100644
--- a/src/screens/otherMethod/styles.tsx
+++ b/src/screens/otherMethod/styles.tsx
@@ -72,6 +72,11 @@ const styles = StyleSheet.create({
   paymentMethodOptionDataWrapper: {
     marginBottom: 4,
   },
+  buttonPayNow: {
+    backgroundColor: Colors.primary30.color,
+    marginHorizontal: 16,
+    marginBottom: 16,
+  },
 });
 
 export default styles;