feat: new home page

app/build.gradle.kts

@@ -91,10 +91,11 @@ android {
         jvmTarget = "11"
         freeCompilerArgs += listOf(
             "-Xcontext-receivers",
-            "-opt-in=androidx.compose.foundation.ExperimentalFoundationApi",
-            "-opt-in=androidx.compose.animation.ExperimentalAnimationApi",
             "-opt-in=androidx.compose.material3.ExperimentalMaterial3Api",
-//            "-P", "plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=${reportsDir}",
+            "-opt-in=androidx.compose.animation.ExperimentalAnimationApi",
+            "-opt-in=androidx.compose.foundation.ExperimentalFoundationApi",
+            "-opt-in=androidx.compose.foundation.layout.ExperimentalLayoutApi",
+            "-P", "plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=${reportsDir}",
         )
     }
 
@@ -106,6 +107,10 @@ android {
     composeOptions {
         kotlinCompilerExtensionVersion = libs.versions.compose.compiler.get()
     }
+
+    lint {
+        disable += "ModifierParameter"
+    }
 }
 
 dependencies {

app/src/main/AndroidManifest.xml

@@ -4,20 +4,14 @@
 
   <uses-permission android:name="android.permission.INTERNET" />
   <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
+  <uses-permission android:name="android.permission.REQUEST_DELETE_PACKAGES" />
   <uses-permission android:name="android.permission.UPDATE_PACKAGES_WITHOUT_USER_ACTION" />
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
-  <uses-permission android:name="android.permission.DOWNLOAD_WITHOUT_NOTIFICATION" />
 
   <uses-permission
       android:name="android.permission.MANAGE_EXTERNAL_STORAGE"
       tools:ignore="ScopedStorage" />
-  <uses-permission
-      android:name="android.permission.REQUEST_DELETE_PACKAGES"
-      tools:ignore="ProtectedPermissions" />
-  <uses-permission
-      android:name="android.permission.DELETE_PACKAGES"
-      tools:ignore="ProtectedPermissions" />
   <uses-permission
       android:name="android.permission.QUERY_ALL_PACKAGES"
       tools:ignore="QueryAllPackagesPermission" />

app/src/main/kotlin/com/aliucord/manager/ui/components/ProjectHeader.kt

@@ -0,0 +1,70 @@
+package com.aliucord.manager.ui.components
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.aliucord.manager.BuildConfig
+import com.aliucord.manager.R
+
+@Composable
+fun ProjectHeader(modifier: Modifier = Modifier) {
+    val uriHandler = LocalUriHandler.current
+
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(4.dp),
+        modifier = modifier,
+    ) {
+        Image(
+            painter = painterResource(R.drawable.ic_aliucord_logo),
+            contentDescription = null,
+            modifier = Modifier
+                .size(88.dp)
+                .padding(bottom = 8.dp),
+        )
+
+        Text(
+            text = stringResource(R.string.aliucord),
+            style = MaterialTheme.typography.titleMedium.copy(fontSize = 26.sp)
+        )
+
+        Text(
+            text = stringResource(R.string.app_description),
+            style = MaterialTheme.typography.titleSmall.copy(
+                color = MaterialTheme.colorScheme.onSurface.copy(alpha = .6f)
+            )
+        )
+
+        Row(
+            horizontalArrangement = Arrangement.Center,
+        ) {
+            TextButton(onClick = { uriHandler.openUri("https://github.com/Aliucord") }) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_account_github_white_24dp),
+                    contentDescription = null,
+                    modifier = Modifier.padding(end = ButtonDefaults.IconSpacing),
+                )
+                Text(text = stringResource(R.string.github))
+            }
+
+            TextButton(onClick = { uriHandler.openUri("https://discord.gg/${BuildConfig.SUPPORT_SERVER}") }) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_discord),
+                    contentDescription = stringResource(R.string.support_server),
+                    modifier = Modifier
+                        .padding(end = ButtonDefaults.IconSpacing)
+                        .size(22.dp),
+                )
+                Text(text = stringResource(R.string.discord))
+            }
+        }
+    }
+}

app/src/main/kotlin/com/aliucord/manager/ui/components/SegmentedButton.kt

@@ -0,0 +1,45 @@
+package com.aliucord.manager.ui.components
+
+import androidx.compose.foundation.*
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun RowScope.SegmentedButton(
+    icon: Painter,
+    iconColor: Color = MaterialTheme.colorScheme.primary,
+    iconDescription: String? = null,
+    text: String,
+    textColor: Color = MaterialTheme.colorScheme.primary,
+    onClick: () -> Unit,
+) {
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(8.dp, Alignment.CenterVertically),
+        modifier = Modifier
+            .clickable(onClick = onClick)
+            .background(MaterialTheme.colorScheme.surfaceColorAtElevation(LocalAbsoluteTonalElevation.current + 2.dp))
+            .weight(1f)
+            .padding(12.dp)
+    ) {
+        Icon(
+            painter = icon,
+            contentDescription = iconDescription,
+            tint = iconColor,
+        )
+
+        Text(
+            text = text,
+            style = MaterialTheme.typography.labelLarge,
+            color = textColor,
+            maxLines = 1,
+            modifier = Modifier.basicMarquee(),
+        )
+    }
+}

app/src/main/kotlin/com/aliucord/manager/ui/screens/about/AboutScreen.kt

@@ -19,7 +19,6 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.platform.LocalUriHandler
-import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -47,6 +46,7 @@ class AboutScreen : Screen {
             }
         ) { paddingValues ->
             LazyColumn(
+                horizontalAlignment = Alignment.CenterHorizontally,
                 contentPadding = paddingValues
                     .exclude(PaddingValuesSides.Horizontal + PaddingValuesSides.Top),
                 modifier = Modifier
@@ -68,7 +68,7 @@ class AboutScreen : Screen {
                             style = MaterialTheme.typography.titleLarge,
                             color = MaterialTheme.colorScheme.primary,
                             modifier = Modifier
-                                .padding(start = 16.dp, top = 12.dp, bottom = 16.dp)
+                                .padding(start = 16.dp, top = 12.dp, bottom = 12.dp)
                         )
                     }
 
@@ -101,61 +101,6 @@ class AboutScreen : Screen {
     }
 }
 
-@Composable
-private fun ProjectHeader(modifier: Modifier = Modifier) {
-    Column(
-        horizontalAlignment = Alignment.CenterHorizontally,
-        modifier = modifier
-            .fillMaxWidth()
-            .padding(vertical = 16.dp)
-    ) {
-        AsyncImage(
-            model = "https://github.com/Aliucord.png",
-            contentDescription = stringResource(R.string.aliucord),
-            modifier = Modifier.size(71.dp)
-        )
-
-        Text(
-            text = stringResource(R.string.aliucord),
-            style = MaterialTheme.typography.titleMedium.copy(
-                fontSize = 26.sp
-            )
-        )
-
-        Text(
-            text = stringResource(R.string.app_description),
-            style = MaterialTheme.typography.titleSmall.copy(
-                color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.6f)
-            )
-        )
-
-        Row(
-            horizontalArrangement = Arrangement.Center,
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            val uriHandler = LocalUriHandler.current
-
-            TextButton(onClick = { uriHandler.openUri("https://github.com/Aliucord") }) {
-                Icon(
-                    painter = painterResource(R.drawable.ic_account_github_white_24dp),
-                    contentDescription = stringResource(R.string.github)
-                )
-                Spacer(modifier = Modifier.width(ButtonDefaults.IconSpacing))
-                Text(text = stringResource(id = R.string.github))
-            }
-
-            TextButton(onClick = { uriHandler.openUri("https://aliucord.com") }) {
-                Icon(
-                    painter = painterResource(R.drawable.ic_link),
-                    contentDescription = stringResource(R.string.website)
-                )
-                Spacer(modifier = Modifier.width(ButtonDefaults.IconSpacing))
-                Text(text = stringResource(id = R.string.website))
-            }
-        }
-    }
-}
-
 @Composable
 private fun MainContributors(modifier: Modifier = Modifier) {
     Row(