UI Optimized

GMERemittance/Assets.xcassets/Biometric/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

GMERemittance/Assets.xcassets/Biometric/faceid.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icons8-face-id-100.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

GMERemittance/Assets.xcassets/Biometric/fingerprint.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "icons8-fingerprint-100.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

GMERemittance/Module/BiometricAuthentication/User Interface/View/BiometricAuthentication.storyboard

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14490.70" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="HSb-ou-7T5">
-    <device id="retina4_0" orientation="portrait">
+    <device id="retina4_7" orientation="portrait">
         <adaptation id="fullscreen"/>
     </device>
     <dependencies>
@@ -23,41 +23,58 @@
             <objects>
                 <viewController storyboardIdentifier="BiometricAuthenticationViewController" title="BiometricAuthentication" id="HSb-ou-7T5" customClass="BiometricAuthenticationViewController" customModule="GME_Remit" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="9Uc-9s-KgO">
-                        <rect key="frame" x="0.0" y="0.0" width="320" height="568"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="characterWrap" translatesAutoresizingMaskIntoConstraints="NO" id="aC8-3V-QpF">
-                                <rect key="frame" x="85" y="259" width="150" height="50"/>
-                                <constraints>
-                                    <constraint firstAttribute="height" constant="50" id="a8A-DS-mko"/>
-                                    <constraint firstAttribute="width" constant="150" id="aYA-SQ-odr"/>
-                                </constraints>
-                                <fontDescription key="fontDescription" name="SanFranciscoDisplay-Bold" family="San Francisco Display" pointSize="17"/>
-                                <state key="normal" title="authenticate"/>
+                                <rect key="frame" x="79" y="283.5" width="217" height="100"/>
+                                <fontDescription key="fontDescription" name="SanFranciscoDisplay-Regular" family="San Francisco Display" pointSize="17"/>
                                 <connections>
                                     <action selector="authenticationButtonTouch:" destination="HSb-ou-7T5" eventType="touchUpInside" id="g7k-Z7-moB"/>
                                 </connections>
                             </button>
                             <imageView userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="splash_logo" translatesAutoresizingMaskIntoConstraints="NO" id="wjU-xq-xRN">
-                                <rect key="frame" x="77" y="75" width="166" height="47"/>
+                                <rect key="frame" x="104.5" y="79.5" width="166" height="47"/>
                             </imageView>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="information text" textAlignment="center" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="aO1-jS-d16">
-                                <rect key="frame" x="20" y="152" width="280" height="20.5"/>
-                                <fontDescription key="fontDescription" name="SanFranciscoDisplay-Regular" family="San Francisco Display" pointSize="17"/>
+                                <rect key="frame" x="20" y="178.5" width="335" height="20.5"/>
+                                <fontDescription key="fontDescription" name="SanFranciscoDisplay-Bold" family="San Francisco Display" pointSize="17"/>
                                 <color key="textColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                 <nil key="highlightedColor"/>
                             </label>
+                            <stackView opaque="NO" userInteractionEnabled="NO" contentMode="scaleToFill" distribution="equalSpacing" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="2B7-Xf-TJE">
+                                <rect key="frame" x="79" y="283.5" width="217" height="100"/>
+                                <subviews>
+                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="fingerprint" translatesAutoresizingMaskIntoConstraints="NO" id="OuD-vX-NRO">
+                                        <rect key="frame" x="0.0" y="0.0" width="100" height="100"/>
+                                    </imageView>
+                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="VqZ-uL-cHu">
+                                        <rect key="frame" x="108" y="0.0" width="1" height="100"/>
+                                        <color key="backgroundColor" cocoaTouchSystemColor="darkTextColor"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="1" id="dSi-eG-SNY"/>
+                                        </constraints>
+                                    </view>
+                                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="faceid" translatesAutoresizingMaskIntoConstraints="NO" id="TfB-bY-ygy">
+                                        <rect key="frame" x="117" y="0.0" width="100" height="100"/>
+                                    </imageView>
+                                </subviews>
+                            </stackView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="0.14913141730000001" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
+                            <constraint firstItem="aC8-3V-QpF" firstAttribute="height" secondItem="2B7-Xf-TJE" secondAttribute="height" id="8zv-Ds-CxN"/>
                             <constraint firstItem="aO1-jS-d16" firstAttribute="leading" secondItem="fGb-qm-Mdn" secondAttribute="leading" constant="20" id="A8u-8X-b38"/>
                             <constraint firstItem="wjU-xq-xRN" firstAttribute="centerX" secondItem="fGb-qm-Mdn" secondAttribute="centerX" id="AGn-eo-FCc"/>
                             <constraint firstItem="aC8-3V-QpF" firstAttribute="centerY" secondItem="9Uc-9s-KgO" secondAttribute="centerY" id="BrD-QR-VXm"/>
-                            <constraint firstItem="wjU-xq-xRN" firstAttribute="top" secondItem="fGb-qm-Mdn" secondAttribute="top" constant="55" id="Ia5-Fk-dBS"/>
                             <constraint firstItem="aC8-3V-QpF" firstAttribute="centerX" secondItem="fGb-qm-Mdn" secondAttribute="centerX" id="Nwq-oZ-B0B"/>
                             <constraint firstItem="fGb-qm-Mdn" firstAttribute="trailing" secondItem="aO1-jS-d16" secondAttribute="trailing" constant="20" id="PXt-b5-dBL"/>
+                            <constraint firstItem="2B7-Xf-TJE" firstAttribute="centerX" secondItem="fGb-qm-Mdn" secondAttribute="centerX" id="RES-pJ-ufG"/>
                             <constraint firstItem="aO1-jS-d16" firstAttribute="centerX" secondItem="fGb-qm-Mdn" secondAttribute="centerX" id="Sef-hv-5aX"/>
-                            <constraint firstItem="aO1-jS-d16" firstAttribute="top" secondItem="wjU-xq-xRN" secondAttribute="bottom" constant="30" id="czX-aQ-9dJ"/>
+                            <constraint firstItem="aO1-jS-d16" firstAttribute="centerY" secondItem="fGb-qm-Mdn" secondAttribute="centerY" multiplier="0.55:1" id="TSI-fC-T95"/>
+                            <constraint firstItem="aC8-3V-QpF" firstAttribute="width" secondItem="2B7-Xf-TJE" secondAttribute="width" id="f1D-mo-8jI"/>
+                            <constraint firstItem="wjU-xq-xRN" firstAttribute="centerY" secondItem="fGb-qm-Mdn" secondAttribute="centerY" multiplier="0.3:1" id="kiz-S3-bEe"/>
+                            <constraint firstItem="2B7-Xf-TJE" firstAttribute="centerY" secondItem="9Uc-9s-KgO" secondAttribute="centerY" id="md6-Uo-9vT"/>
                         </constraints>
                         <viewLayoutGuide key="safeArea" id="fGb-qm-Mdn"/>
                     </view>
@@ -72,6 +89,8 @@
         </scene>
     </scenes>
     <resources>
+        <image name="faceid" width="100" height="100"/>
+        <image name="fingerprint" width="100" height="100"/>
         <image name="splash_logo" width="166" height="47"/>
     </resources>
     <color key="tintColor" red="0.78177064659999995" green="0.55228364470000002" blue="0.018981300289999999" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>

GMERemittance/Module/BiometricAuthentication/User Interface/View/BiometricAuthenticationViewController.swift

@@ -83,8 +83,8 @@ final class BiometricAuthenticationViewController: UIViewController,  BiometricA
     }
     
     private func setButton(){
-        self.biometricAuthenticationImageButton.layer.borderColor = UIColor(red:0.91, green:0.93, blue:0.95, alpha:1.0).cgColor
-        self.biometricAuthenticationImageButton.layer.cornerRadius = 10
-        self.biometricAuthenticationImageButton.layer.borderWidth = 1
+//        self.biometricAuthenticationImageButton.titleLabel?.textAlignment = .center
+//        let biometricImage = UIImage(named: "fingerprint.png")
+//        self.biometricAuthenticationImageButton.setImage(biometricImage, for: .normal)
     }
 }