omnipay-reactnative-sdk 1.2.2-beta.9 → 1.2.3-beta.10

package/src/components/OmnipayProvider.tsx

@@ -17,6 +17,7 @@ import WebView, { WebViewMessageEvent } from 'react-native-webview';
 import { getContact } from '../functions';
 import Share from 'react-native-share';
 import FaceVerification from './biometrics/FaceVerification';
+import Button from './Button';
 
 type OmnipayProviderProps = {
   publicKey: string;
@@ -114,7 +115,7 @@ export const OmnipayProvider = ({
   useEffect(() => {
     setTimeout(() => {
       setShowFaceVerification(true);
-    }, 4000);
+    }, 1000);
   }, []);
 
   useEffect(() => {
@@ -323,21 +324,12 @@ export const OmnipayProvider = ({
                               <Text style={styles.errorSubtitle}>
                                 Unable to open your wallet. Please try again
                               </Text>
-                              <TouchableOpacity
-                                activeOpacity={0.8}
+                              <Button
+                                title="Retry"
                                 onPress={reloadWebview}
-                                style={[
-                                  styles.button,
-                                  {
-                                    backgroundColor: color,
-                                    borderColor: color,
-                                  },
-                                ]}
-                              >
-                                <>
-                                  <Text style={styles.buttonText}>Retry</Text>
-                                </>
-                              </TouchableOpacity>
+                                backgroundColor={color}
+                                borderColor={color}
+                              />
                             </View>
                           </View>
                         )}
@@ -475,13 +467,4 @@ const styles = StyleSheet.create({
     minWidth: 160,
     marginHorizontal: 'auto',
   },
-  button: {
-    borderRadius: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 14,
-    borderWidth: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  buttonText: { color: 'white', fontSize: 16, paddingHorizontal: 30 },
 });