display labels on saved item card cells

android/Omnivore/app/src/main/java/app/omnivore/omnivore/ui/components/LabelChipColors.kt

@@ -0,0 +1,20 @@
+package app.omnivore.omnivore.ui.components
+
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.luminance
+
+data class LabelChipColors(
+  val textColor: Color,
+  val containerColor: Color
+) {
+  companion object {
+    fun fromHex(hex: String): LabelChipColors {
+      val labelColor = Color(android.graphics.Color.parseColor(hex))
+
+      return LabelChipColors(
+        textColor = if (labelColor.luminance() > 0.5) Color.Black else Color.White,
+        containerColor = labelColor
+      )
+    }
+  }
+}

android/Omnivore/app/src/main/java/app/omnivore/omnivore/ui/library/LibraryView.kt

@@ -65,7 +65,6 @@ fun LibraryViewContent(libraryViewModel: LibraryViewModel, modifier: Modifier) {
 
   val cardsData: List<SavedItemCardDataWithLabels> by libraryViewModel.itemsLiveData.observeAsState(listOf())
   val searchedCardsData: List<SavedItemCardDataWithLabels> by libraryViewModel.searchItemsLiveData.observeAsState(listOf())
-  val searchText: String by libraryViewModel.searchTextLiveData.observeAsState("")
 
   Box(
     modifier = Modifier
@@ -89,6 +88,7 @@ fun LibraryViewContent(libraryViewModel: LibraryViewModel, modifier: Modifier) {
       items(if (libraryViewModel.showSearchField) searchedCardsData else cardsData) { cardDataWithLabels ->
         SavedItemCard(
           cardData = cardDataWithLabels.cardData,
+          labels = cardDataWithLabels.labels,
           onClickHandler = {
             val activityClass = if (cardDataWithLabels.cardData.isPDF()) PDFReaderActivity::class.java else WebReaderLoadingContainerActivity::class.java
             val intent = Intent(context, activityClass)

android/Omnivore/app/src/main/java/app/omnivore/omnivore/ui/savedItemViews/SavedItemCard.kt

@@ -1,27 +1,35 @@
 package app.omnivore.omnivore.ui.savedItemViews
 
+import android.content.res.Resources.Theme
 import androidx.compose.foundation.*
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.*
+import androidx.compose.material3.SuggestionChipDefaults.elevatedSuggestionChipColors
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.luminance
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import app.omnivore.omnivore.persistence.entities.SavedItem
 import app.omnivore.omnivore.persistence.entities.SavedItemCardData
+import app.omnivore.omnivore.persistence.entities.SavedItemLabel
+import app.omnivore.omnivore.ui.components.LabelChipColors
 import app.omnivore.omnivore.ui.library.SavedItemAction
 import coil.compose.rememberAsyncImagePainter
 
-@OptIn(ExperimentalFoundationApi::class)
+@OptIn(ExperimentalFoundationApi::class, ExperimentalMaterial3Api::class)
 @Composable
-fun SavedItemCard(cardData: SavedItemCardData, onClickHandler: () -> Unit, actionHandler: (SavedItemAction) -> Unit) {
+fun SavedItemCard(cardData: SavedItemCardData, labels: List<SavedItemLabel>, onClickHandler: () -> Unit, actionHandler: (SavedItemAction) -> Unit) {
   var isMenuExpanded by remember { mutableStateOf(false) }
   val publisherDisplayName = cardData.publisherDisplayName()
+  val listState = rememberLazyListState()
 
   Column {
     Row(
@@ -79,6 +87,31 @@ fun SavedItemCard(cardData: SavedItemCardData, onClickHandler: () -> Unit, actio
       }
     }
 
+    LazyRow(
+      state = listState,
+      horizontalArrangement = Arrangement.Start,
+      verticalAlignment = Alignment.CenterVertically,
+      modifier = Modifier
+        .padding(start = 6.dp)
+    ) {
+      items(labels.sortedBy { it.name }) { label ->
+        val chipColors = LabelChipColors.fromHex(label.color)
+
+        SuggestionChip(
+          onClick = {},
+          label = { Text(label.name) },
+          border = null,
+          colors = elevatedSuggestionChipColors(
+            containerColor = chipColors.containerColor,
+            labelColor = chipColors.textColor,
+            iconContentColor = chipColors.textColor
+          ),
+          modifier = Modifier
+            .padding(horizontal = 4.dp)
+        )
+      }
+    }
+
     Divider(color = MaterialTheme.colorScheme.outlineVariant, thickness = 1.dp)
 
     SavedItemContextMenu(