feat: show site icon

Author: paulcoding810

app/src/main/java/com/paulcoding/hviewer/model/SiteModel.kt

@@ -1,10 +1,34 @@
 package com.paulcoding.hviewer.model
 
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import coil3.compose.AsyncImage
+
 data class SiteConfig(
     val baseUrl: String = "",
     val scriptFile: String = "",
     val tags: Map<String, String> = mapOf(),
-)
+) {
+    private val icon
+        get() = "https://www.google.com/s2/favicons?sz=64&domain=$baseUrl"
+
+    @Composable
+    fun SiteIcon(size: Dp = 20.dp, clip: Dp = 4.dp) {
+        AsyncImage(
+            icon, baseUrl,
+            modifier = Modifier
+                .size(size)
+                .clip(RoundedCornerShape(clip)),
+            contentScale = ContentScale.Crop,
+        )
+    }
+}
 
 data class SiteConfigs(
     val version: Int = 1,

app/src/main/java/com/paulcoding/hviewer/ui/page/sites/SitesPage.kt

@@ -1,8 +1,10 @@
 package com.paulcoding.hviewer.ui.page.sites
 
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
@@ -33,6 +35,7 @@ import com.airbnb.lottie.compose.LottieCompositionSpec
 import com.airbnb.lottie.compose.animateLottieCompositionAsState
 import com.airbnb.lottie.compose.rememberLottieComposition
 import com.paulcoding.hviewer.R
+import com.paulcoding.hviewer.model.SiteConfig
 import com.paulcoding.hviewer.model.SiteConfigs
 import com.paulcoding.hviewer.ui.icon.SettingsIcon
 import kotlinx.coroutines.delay
@@ -85,7 +88,6 @@ fun SitesPage(
             ) {}
             Column(
                 modifier = Modifier
-                    .padding(16.dp)
                     .fillMaxSize()
                     .verticalScroll(rememberScrollState())
             ) {
@@ -96,15 +98,31 @@ fun SitesPage(
                         Box(modifier = Modifier.clickable {
                             navToTopics(site)
                         }) {
-                            Text(site)
+                            siteConfigs.sites[site]?.let { siteConfig ->
+                                Site(
+                                    key = site,
+                                    site = siteConfig
+                                )
+                            }
                         }
                     }
-
             }
         }
     }
 }
 
+@Composable
+fun Site(site: SiteConfig, key: String) {
+    Row(
+        modifier = Modifier.padding(horizontal = 16.dp, vertical = 12.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.spacedBy(8.dp)
+    ) {
+        site.SiteIcon()
+        Text(key)
+    }
+}
+
 @Composable
 private fun Empty(navToSettings: () -> Unit) {
     val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.empty))