UI refactor

app/build.gradle.kts

@@ -81,6 +81,7 @@ dependencies {
     implementation(libs.coil.compose)
     implementation(libs.coil.network)
     implementation(libs.bytebeats.charts)
+    implementation(libs.androidx.splashscreen)
     kapt(libs.room.compiler)
 
     testImplementation(libs.junit)

app/src/main/AndroidManifest.xml

@@ -14,13 +14,13 @@
         android:networkSecurityConfig="@xml/network_security_config"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/Theme.LeetcodePlus"
+        android:theme="@style/Theme.App.Starting"
         tools:targetApi="31">
         <activity
             android:name=".MainActivity"
             android:exported="true"
             android:label="@string/app_name"
-            android:theme="@style/Theme.LeetcodePlus">
+            android:theme="@style/Theme.App.Starting">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 

app/src/main/java/com/byteutility/dev/leetcode/plus/MainActivity.kt

@@ -3,6 +3,7 @@ package com.byteutility.dev.leetcode.plus
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
 import androidx.lifecycle.lifecycleScope
 import androidx.navigation.compose.rememberNavController
 import com.byteutility.dev.leetcode.plus.data.datastore.UserDatastore
@@ -22,6 +23,7 @@ class MainActivity : ComponentActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        installSplashScreen()
         lifecycleScope.launch {
             val userLoggedIn =
                 userDatastore.getUserBasicInfo().first()?.userName?.isNotEmpty() == true

app/src/main/java/com/byteutility/dev/leetcode/plus/ui/login/UserLoginScreen.kt

@@ -1,6 +1,5 @@
 package com.byteutility.dev.leetcode.plus.ui.login
 
-import android.util.Log
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -9,8 +8,9 @@ import androidx.compose.foundation.layout.fillMaxSize
 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.shape.RoundedCornerShape
 import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -20,22 +20,19 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
 import com.byteutility.dev.leetcode.plus.R
 
-private const val TAG = "UserLoginScreen"
 @Composable
 fun UserLoginScreen(
     viewModel: UserLoginViewModel = hiltViewModel(),
     onProceedClick: () -> Unit = {}
 ) {
     LeetCodeUsernameScreen {
-        Log.e(TAG, "UserLoginScreen: $it", )
         viewModel.saveUserName(it)
         onProceedClick()
     }
@@ -56,31 +53,30 @@ fun LeetCodeUsernameScreen(
         Image(
             painter = painterResource(id = R.drawable.leetcode_logo),
             contentDescription = "App Logo",
-            modifier = Modifier.size(100.dp)
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(start = 32.dp, end = 32.dp)
         )
-        Spacer(modifier = Modifier.height(16.dp))
-        Text(
-            text = "LeetCode Plus",
-            fontWeight = FontWeight.Bold,
-            fontSize = 32.sp
-        )
-
         Spacer(modifier = Modifier.height(16.dp))
 
         var username by remember { mutableStateOf("") }
-
         OutlinedTextField(
             value = username,
             onValueChange = { username = it },
             modifier = Modifier.fillMaxWidth(),
             singleLine = true
         )
 
-        Spacer(modifier = Modifier.height(16.dp))
+        Spacer(modifier = Modifier.height(32.dp))
 
-        Button(onClick = {
-            onProceedClick(username)
-        }) {
+        Button(
+            onClick = {
+                onProceedClick(username)
+            },
+            shape = RoundedCornerShape(32.dp),
+            elevation = ButtonDefaults.elevatedButtonElevation(defaultElevation = 6.dp)
+        ) {
             Text(text = "Proceed")
         }
     }

app/src/main/res/values/themes.xml

@@ -2,4 +2,8 @@
 <resources>
 
     <style name="Theme.LeetcodePlus" parent="android:Theme.Material.Light.NoActionBar" />
+
+    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
+        <item name="postSplashScreenTheme">@style/Theme.LeetcodePlus</item>
+    </style>
 </resources>

gradle/libs.versions.toml

@@ -20,6 +20,7 @@ hilt-work = "1.0.0"
 androidxDatastore = "1.1.0"
 coil = "3.0.0-rc01"
 bytebeats-charts = "0.2.1"
+androidx-splashscreen = "1.0.0"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -58,7 +59,7 @@ androidx-datastore = { group = "androidx.datastore", name = "datastore-preferenc
 coil-compose = { group = "io.coil-kt.coil3", name = "coil-compose", version.ref = "coil" }
 coil-network = { group = "io.coil-kt.coil3", name = "coil-network-okhttp", version.ref = "coil" }
 bytebeats-charts = { group = "io.github.bytebeats", name = "compose-charts", version.ref = "bytebeats-charts" }
-
+androidx-splashscreen = { group = "androidx.core", name = "core-splashscreen", version.ref = "androidx-splashscreen" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }