Merge pull request #463 from code-payments/chore/update-biometrics-blocking-view

chore: update biometrics blocking view to match iOS

Author: bmc08gt

app/src/main/java/com/getcode/view/main/home/components/BiometricsBlockingView.kt

@@ -3,17 +3,11 @@ package com.getcode.view.main.home.components
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.Image
-import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.statusBarsPadding
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.Text
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.Surface
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
@@ -22,15 +16,13 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.unit.dp
 import androidx.lifecycle.Lifecycle
 import com.getcode.R
-import com.getcode.theme.BrandOverlay
-import com.getcode.theme.CodeTheme
+import com.getcode.theme.Brand
+import com.getcode.ui.components.ButtonState
+import com.getcode.ui.components.CodeButton
 import com.getcode.ui.components.OnLifecycleEvent
 import com.getcode.util.Biometrics
 import com.getcode.util.BiometricsError
@@ -46,44 +38,21 @@ internal fun BiometricsBlockingView(
         visible = !state.passed && !state.checking,
         enter = fadeIn(),
         exit = fadeOut()
+    ) {
+        Surface(
+            modifier = modifier,
+            color = Brand.copy(alpha = 0.87f),
         ) {
-        Box(
-            modifier = modifier.background(Color.Black),
-            contentAlignment = Alignment.Center
-        ) {
-            Image(
-                modifier = Modifier
-                    .statusBarsPadding()
-                    .padding(vertical = CodeTheme.dimens.grid.x3)
-                    .padding(horizontal = CodeTheme.dimens.grid.x3)
-                    .align(Alignment.TopStart),
-                painter = painterResource(
-                    R.drawable.ic_code_logo_white
-                ),
-                contentDescription = "",
-            )
-
-            Column(
-                modifier = Modifier
-                    .background(BrandOverlay, RoundedCornerShape(8.dp))
-                    .clickable { state.request() }
-                    .padding(CodeTheme.dimens.grid.x3),
-                verticalArrangement = Arrangement.spacedBy(
-                    CodeTheme.dimens.grid.x3,
-                    Alignment.CenterVertically
-                ),
-                horizontalAlignment = Alignment.CenterHorizontally,
+            Box(
+                modifier = Modifier.fillMaxSize(),
+                contentAlignment = Alignment.Center
             ) {
-                Image(
-                    modifier = Modifier.size(CodeTheme.dimens.staticGrid.x10),
-                    painter = painterResource(id = R.drawable.ic_biometrics),
-                    contentDescription = null
-                )
-
-                Text(
-                    text = stringResource(R.string.action_biometricsClickToAuthenticate),
-                    style = CodeTheme.typography.textMedium,
-                    color = CodeTheme.colors.onBackground
+                CodeButton(
+                    onClick = { state.request() },
+                    text = stringResource(id = R.string.action_unlockCode),
+                    contentPadding = PaddingValues(),
+                    shape = CircleShape,
+                    buttonState = ButtonState.Filled
                 )
             }
         }