feat: qr placeholder

Author: jvsena42

app/src/main/java/to/bitkit/ui/components/QrCodeImage.kt

@@ -7,6 +7,7 @@ import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.aspectRatio
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
@@ -112,31 +113,37 @@ fun QrCodeImage(
                 } else {
                     imageComposable()
                 }
-            }
-        }
-
-        logoPainter?.let {
-            Box(
-                contentAlignment = Alignment.Center,
-                modifier = Modifier
-                    .size(68.dp)
-                    .background(Color.White, shape = CircleShape)
-                    .align(Alignment.Center)
-            ) {
+            } else {
                 Image(
-                    painter = it,
-                    contentDescription = null,
-                    modifier = Modifier.size(50.dp)
+                    painter = painterResource(R.drawable.qr_placeholder),
+                    contentDescription = content,
+                    contentScale = ContentScale.Inside,
                 )
             }
         }
 
-        if (bitmap == null) {
-            CircularProgressIndicator(
-                color = Colors.Black,
-                strokeWidth = 4.dp,
-                modifier = Modifier.size(68.dp)
-            )
+        Column(
+            modifier = Modifier.align(Alignment.Center),
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            logoPainter?.let {
+                Box(
+                    contentAlignment = Alignment.Center,
+                    modifier = Modifier
+                        .size(68.dp)
+                        .background(Color.White, shape = CircleShape)
+                ) {
+                    Image(
+                        painter = it,
+                        contentDescription = null,
+                        modifier = Modifier.size(50.dp)
+                    )
+                }
+            }
+
+            if (bitmap == null) {
+                CaptionB("Generating QR ...", color = Colors.Black)
+            }
         }
     }
 }

app/src/main/res/drawable/qr_placeholder.xml

@@ -0,0 +1,51 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="311dp"
+    android:height="311dp"
+    android:viewportWidth="311"
+    android:viewportHeight="311">
+  <group>
+    <clip-path
+        android:pathData="M0,0V65.97H65.97V0H0ZM9.42,9.42H56.55V56.55H9.42V9.42Z"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M65.97,0H0V65.97H65.97V0Z"
+        android:fillColor="#00000F"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M47.12,18.85H18.85V47.12H47.12V18.85Z"/>
+    <path
+        android:pathData="M47.12,18.85H18.85V47.12H47.12V18.85Z"
+        android:fillColor="#00000F"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M311,0L245.03,0V65.97H311V0ZM301.58,9.42V56.55L254.46,56.55V9.42L301.58,9.42Z"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M311,0H245.03V65.97H311V0Z"
+        android:fillColor="#00000F"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M292.15,47.12V18.85L263.88,18.85V47.12H292.15Z"/>
+    <path
+        android:pathData="M292.15,18.85H263.88V47.12H292.15V18.85Z"
+        android:fillColor="#00000F"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M0,311H65.97V245.03H0L0,311ZM9.42,301.58L9.42,254.46H56.55L56.55,301.58H9.42Z"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M65.97,245.03H0V311H65.97V245.03Z"
+        android:fillColor="#00000F"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M18.85,263.88L18.85,292.15H47.12V263.88H18.85Z"/>
+    <path
+        android:pathData="M47.12,263.88H18.85V292.15H47.12V263.88Z"
+        android:fillColor="#00000F"/>
+  </group>
+</vector>