Update the export screen

Author: X1nto

app/src/main/java/com/xinto/mauth/ui/screen/export/ExportScreen.kt

@@ -39,6 +39,7 @@ import androidx.compose.ui.draw.drawBehind
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.xinto.mauth.R
@@ -167,20 +168,15 @@ private fun BatchExports(
             ) {
                 val pagerState = rememberPagerState { state.data.size }
                 HorizontalPager(pagerState) {
-                    Surface(
+                    ZxingQrImage(
                         modifier = Modifier
                             .fillMaxWidth()
-                            .padding(horizontal = 12.dp),
-                        shape = MaterialTheme.shapes.large,
-                        tonalElevation = 1.dp
-                    ) {
-                        ZxingQrImage(
-                            data = state.data[it],
-                            size = 512,
-                            backgroundColor = Color.Transparent,
-                            contentColor = MaterialTheme.colorScheme.onSurface
-                        )
-                    }
+                            .padding(horizontal = 24.dp),
+                        data = state.data[it],
+                        size = 512,
+                        backgroundColor = Color.Transparent,
+                        contentColor = MaterialTheme.colorScheme.onSurface
+                    )
                 }
                 if (state.data.size > 1) {
                     Row(
@@ -206,6 +202,13 @@ private fun BatchExports(
                         }
                     }
                 }
+
+                Text(
+                    modifier = Modifier.padding(32.dp),
+                    text = stringResource(R.string.export_batch_hint),
+                    style = MaterialTheme.typography.titleSmall,
+                    textAlign = TextAlign.Center
+                )
             }
         }
         is BatchExportState.Error -> {

app/src/main/res/values/strings.xml

@@ -36,6 +36,7 @@
     <string name="qrscan_error">Insufficient permissions</string>
     <string name="qrscan_error_batch">Scanned QR code does not match previous.</string>
     <string name="qrscan_error_order">Scan QR codes in the correct order.</string>
+    <string name="qrscan_info_batch">Scanned %1$d out of %2$d</string>
 
     <string name="account_title_add">Add an account</string>
     <string name="account_title_edit">Edit an account</string>
@@ -89,10 +90,10 @@
 
     <string name="export_title">Export</string>
     <string name="export_url_copy_success">Successfully copied the OTP URL to the clipboard</string>
+    <string name="export_batch_hint">Scan this QR code using any Google Authenticator compatible app</string>
 
     <string name="about_title">About</string>
     <string name="about_version">Version v%1$s</string>
     <string name="about_links_source">Source</string>
     <string name="about_links_feedback">Feedback</string>
-    <string name="qrscan_info_batch">Scanned %1$d out of %2$d</string>
 </resources>