Add message when there are no cards

tamaskr · Oct 13, 2022 · 35a93d4 · 35a93d4
1 parent 25a7b25
commit 35a93d4
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/app/src/main/java/com/virtualtag/app/ui/components/CardContainer.kt b/app/src/main/java/com/virtualtag/app/ui/components/CardContainer.kt
@@ -23,7 +23,8 @@ fun CardContainer(
  elevation = 2.dp,
  modifier = Modifier
  .fillMaxWidth()
- .padding(top = 4.dp, bottom = 4.dp),
+ .padding(top = 4.dp, bottom = 4.dp)
+ .padding(horizontal = 12.dp),
  onClick = onClick,
  backgroundColor = color,
  enabled = enabled

diff --git a/app/src/main/java/com/virtualtag/app/ui/screens/HomeScreen.kt b/app/src/main/java/com/virtualtag/app/ui/screens/HomeScreen.kt
@@ -1,22 +1,27 @@
 package com.virtualtag.app.ui.screens
 
 import android.nfc.NfcAdapter
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.*
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Add
 import androidx.compose.material.icons.outlined.ErrorOutline
 import androidx.compose.runtime.*
 import androidx.compose.runtime.livedata.observeAsState
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.modifier.modifierLocalConsumer
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import com.virtualtag.app.ui.theme.BlackBG
 import com.virtualtag.app.utils.stringToColor
 import com.virtualtag.app.viewmodels.CardViewModel
@@ -38,7 +43,13 @@ fun HomeScreen(model: CardViewModel, viewCard: (id: String) -> Unit, scanCard: (
  errorDialogOpen = true
  }
 
- Scaffold {
+ Scaffold(
+ floatingActionButton = {
+ FloatingActionButton(onClick = { onScanClick() }, backgroundColor = MaterialTheme.colors.primary) {
+ Icon(Icons.Filled.Add, contentDescription = null)
+ }
+ }
+ ) {
  Surface(
  modifier = Modifier
  .padding(it)
@@ -52,11 +63,16 @@ fun HomeScreen(model: CardViewModel, viewCard: (id: String) -> Unit, scanCard: (
  horizontalAlignment = Alignment.CenterHorizontally,
  ) {
  Logo(modifier = Modifier.padding(top = 16.dp, bottom = 16.dp))
- PrimaryButton(
- text = stringResource(R.string.scan_new_card),
- onClick = { onScanClick() },
- modifier = Modifier.padding(top = 8.dp, bottom = 8.dp)
- )
+ if (cardList.value.isEmpty()) {
+ Spacer(modifier = Modifier.height(24.dp))
+ Text("( つ ◕_◕ )つ", color = Color.LightGray, fontSize = 32.sp)
+ Spacer(modifier = Modifier.height(24.dp))
+ Text("This is VirtualTag blob.", color = Color.LightGray, fontStyle = FontStyle.Italic, fontSize = 24.sp)
+ Spacer(modifier = Modifier.height(12.dp))
+ Text("He needs some NFC cards.", color = Color.LightGray, fontStyle = FontStyle.Italic, fontSize = 24.sp)
+ Spacer(modifier = Modifier.height(12.dp))
+ Text("Press + to help him.", color = Color.LightGray, fontStyle = FontStyle.Italic, fontSize = 24.sp)
+ }
  // List of all cards in the database
  LazyColumn {
  items(cardList.value) { card ->