Allow staring and unstarring repos within the repo details page

api/src/commonMain/graphql/com/materiiapps/gloom/gql/fragments/RepoDetails.fragment.graphql

@@ -1,4 +1,5 @@
 fragment RepoDetails on Repository {
+    id
     description
     readme {
         contentHTML

ui/src/commonMain/kotlin/com/materiiapps/gloom/ui/components/LargeSegmentedButton.kt

@@ -3,6 +3,7 @@ package com.materiiapps.gloom.ui.components
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.basicMarquee
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -26,12 +27,15 @@ import androidx.compose.ui.unit.dp
 fun RowScope.LargeSegmentedButton(
     icon: Any,
     iconDescription: String? = null,
-    text: String
+    text: String,
+    onClick: () -> Unit = {},
+    enabled: Boolean = true
 ) {
     Column(
         horizontalAlignment = Alignment.CenterHorizontally,
         verticalArrangement = Arrangement.spacedBy(12.dp, Alignment.CenterVertically),
         modifier = Modifier
+            .clickable(enabled = enabled, role = Role.Button) { onClick() }
             .background(MaterialTheme.colorScheme.surfaceColorAtElevation(2.dp))
             .weight(1f)
             .padding(16.dp)

ui/src/commonMain/kotlin/com/materiiapps/gloom/ui/screens/repo/tab/DetailsTab.kt

@@ -162,7 +162,14 @@ class DetailsTab(
                                     res = Res.plurals.stars,
                                     count = repoDetails.stargazerCount,
                                     repoDetails.stargazerCount
-                                )
+                                ),
+                                onClick = {
+                                    if (!repoDetails.viewerHasStarred)
+                                        viewModel.starRepo()
+                                    else
+                                        viewModel.unstarRepo()
+                                },
+                                enabled = !viewModel.isStarLoading
                             )
                             repoDetails.licenseInfo?.let {
                                 LargeSegmentedButton(

ui/src/commonMain/kotlin/com/materiiapps/gloom/ui/viewmodels/repo/tab/RepoDetailsViewModel.kt

@@ -22,6 +22,8 @@ class RepoDetailsViewModel(
     var detailsLoading by mutableStateOf(false)
     var hasError by mutableStateOf(false)
 
+    var isStarLoading by mutableStateOf(false)
+
     init {
         loadDetails()
     }
@@ -42,4 +44,50 @@ class RepoDetailsViewModel(
         }
     }
 
+    private fun updateStarDetails(starred: Boolean) {
+        details = details!!.copy(
+            viewerHasStarred = starred,
+            stargazerCount = details!!.stargazerCount + if (starred) 1 else -1
+        )
+    }
+
+    fun starRepo() {
+        updateStarDetails(starred = true)
+
+        coroutineScope.launch {
+            isStarLoading = true
+
+            gql.starRepo(details!!.id).fold(
+                onSuccess = {
+                    isStarLoading = false
+                },
+                onError = {
+                    updateStarDetails(starred = false)
+
+                    isStarLoading = false
+                    hasError = true
+                }
+            )
+        }
+    }
+
+    fun unstarRepo() {
+        updateStarDetails(starred = false)
+
+        coroutineScope.launch {
+            isStarLoading = true
+
+            gql.unstarRepo(details!!.id).fold(
+                onSuccess = {
+                    isStarLoading = false
+                },
+                onError = {
+                    updateStarDetails(starred = true)
+
+                    isStarLoading = false
+                    hasError = true
+                }
+            )
+        }
+    }
 }