From 525678fde244e8e9d3ea373ee8fb93c26ea92be8 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 7 May 2021 20:09:57 -0400
Subject: added default for arrowbutton

---
 src/components/onboarding/ArrowButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/onboarding/ArrowButton.tsx b/src/components/onboarding/ArrowButton.tsx
index dcf559a8..67fd0f62 100644
--- a/src/components/onboarding/ArrowButton.tsx
+++ b/src/components/onboarding/ArrowButton.tsx
@@ -5,6 +5,7 @@ import {
   TouchableOpacity,
   TouchableOpacityProps,
 } from 'react-native';
+import {normalize} from '../../utils';
 
 interface ArrowButtonProps extends TouchableOpacityProps {
   direction: 'forward' | 'backward';
@@ -30,7 +31,7 @@ const ArrowButton: React.FC<ArrowButtonProps> = (props) => {
   }
 
   return (
-    <TouchableOpacity {...props}>
+    <TouchableOpacity style={[styles.defautSize, props.style]} {...props}>
       <Image style={styles.image} source={uri} />
     </TouchableOpacity>
   );
@@ -41,6 +42,10 @@ const styles = StyleSheet.create({
     width: '100%',
     height: '100%',
   },
+  defautSize: {
+    width: normalize(29),
+    height: normalize(25),
+  },
 });
 
 export default ArrowButton;
-- 
cgit v1.2.3-70-g09d2