🌟 add first click track

theapache64 · Oct 22, 2021 · 2b7b5a2 · 2b7b5a2
1 parent 3e936a9
commit 2b7b5a2
Showing 1 changed file with 31 additions and 10 deletions.
diff --git a/src/main/kotlin/com/theapache64/stackzy/ui/common/loading/funfact/FunFact.kt b/src/main/kotlin/com/theapache64/stackzy/ui/common/loading/funfact/FunFact.kt
@@ -1,9 +1,11 @@
 package com.theapache64.stackzy.ui.common.loading.funfact
 
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Text
 import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.unit.sp
@@ -12,6 +14,10 @@ import com.theapache64.stackzy.data.remote.FunFact
 import com.theapache64.stackzy.ui.common.CenterBox
 import com.theapache64.stackzy.util.PureRandom
 
+/**
+ * App level config flag
+ */
+private var isClicked = false
 
 @Composable
 fun FunFact(
@@ -21,16 +27,31 @@ fun FunFact(
     val pureRandom = remember { PureRandom(funFacts) }
     var currentFunFact by remember { mutableStateOf(pureRandom.get()) }
 
-    Text(
-        text = "\"${currentFunFact.funFact}\"",
-        fontStyle = FontStyle.Italic,
-        color = MaterialTheme.colors.onSurface.copy(alpha = 0.5f),
-        fontSize = 15.sp,
-        modifier = modifier
-            .clickable {
-                currentFunFact = pureRandom.get()
-            }
-    )
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+
+        Text(
+            text = "\"${currentFunFact.funFact}\"",
+            fontStyle = FontStyle.Italic,
+            color = MaterialTheme.colors.onSurface.copy(alpha = 0.5f),
+            fontSize = 15.sp,
+            modifier = modifier
+                .clickable {
+                    isClicked = true
+                    currentFunFact = pureRandom.get()
+                }
+        )
+
+        if (!isClicked) {
+            Text(
+                text = "Click on the fact to get more",
+                color = MaterialTheme.colors.onSurface.copy(alpha = 0.3f),
+                fontSize = 13.sp,
+            )
+        }
+
+    }
 }