refactor: replace section headers with SectionHeader component in About.kt and Others.kt

Author: rainxchzed

feature/profile/presentation/src/commonMain/kotlin/zed/rainxch/profile/presentation/ProfileRoot.kt

@@ -161,7 +161,7 @@ fun ProfileScreen(
             )
 
             item {
-                Spacer(Modifier.height(16.dp))
+                Spacer(Modifier.height(32.dp))
             }
 
             settings(
@@ -170,7 +170,7 @@ fun ProfileScreen(
             )
 
             item {
-                Spacer(Modifier.height(16.dp))
+                Spacer(Modifier.height(32.dp))
             }
 
             networkSection(
@@ -179,7 +179,7 @@ fun ProfileScreen(
             )
 
             item {
-                Spacer(Modifier.height(16.dp))
+                Spacer(Modifier.height(32.dp))
             }
 
             othersSection(
@@ -188,7 +188,7 @@ fun ProfileScreen(
             )
 
             item {
-                Spacer(Modifier.height(16.dp))
+                Spacer(Modifier.height(32.dp))
             }
 
             about(
@@ -197,7 +197,7 @@ fun ProfileScreen(
             )
 
             item {
-                Spacer(Modifier.height(16.dp))
+                Spacer(Modifier.height(32.dp))
             }
 
             if (state.isUserLoggedIn) {

feature/profile/presentation/src/commonMain/kotlin/zed/rainxch/profile/presentation/components/sections/About.kt

@@ -31,19 +31,16 @@ import androidx.compose.ui.unit.dp
 import zed.rainxch.githubstore.core.presentation.res.*
 import org.jetbrains.compose.resources.stringResource
 import zed.rainxch.profile.presentation.ProfileAction
+import zed.rainxch.profile.presentation.components.SectionHeader
 
 @OptIn(ExperimentalMaterial3ExpressiveApi::class)
 fun LazyListScope.about(
     versionName: String,
     onAction: (ProfileAction) -> Unit,
 ) {
     item {
-        Text(
-            text = stringResource(Res.string.section_about),
-            style = MaterialTheme.typography.titleSmall,
-            color = MaterialTheme.colorScheme.outline,
-            fontWeight = FontWeight.Bold,
-            modifier = Modifier.padding(start = 8.dp)
+        SectionHeader(
+            text = stringResource(Res.string.section_about)
         )
 
         Spacer(Modifier.height(8.dp))

feature/profile/presentation/src/commonMain/kotlin/zed/rainxch/profile/presentation/components/sections/Others.kt

@@ -4,7 +4,9 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyListScope
@@ -22,16 +24,26 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import org.jetbrains.compose.resources.stringResource
 import zed.rainxch.core.presentation.components.ExpressiveCard
+import zed.rainxch.githubstore.core.presentation.res.Res
+import zed.rainxch.githubstore.core.presentation.res.section_network
 import zed.rainxch.profile.presentation.ProfileAction
 import zed.rainxch.profile.presentation.ProfileState
+import zed.rainxch.profile.presentation.components.SectionHeader
 
 @OptIn(ExperimentalMaterial3ExpressiveApi::class)
 fun LazyListScope.othersSection(
     state: ProfileState,
     onAction: (ProfileAction) -> Unit
 ) {
     item {
+        SectionHeader(
+            text = "Storage".uppercase()
+        )
+
+        Spacer(Modifier.height(8.dp))
+
         ExpressiveCard {
             Row(
                 modifier = Modifier
@@ -44,8 +56,8 @@ fun LazyListScope.othersSection(
                     imageVector = Icons.Outlined.Storage,
                     contentDescription = null,
                     modifier = Modifier
-                        .size(48.dp)
-                        .clip(RoundedCornerShape(44.dp))
+                        .size(44.dp)
+                        .clip(RoundedCornerShape(36.dp))
                         .background(MaterialTheme.colorScheme.surfaceContainerLow)
                         .padding(8.dp)
                 )