feat: Cải thiện giao diện màn splash

app/src/main/java/com/pwhs/quickmem/presentation/app/library/LibraryUiEvent.kt

@@ -4,5 +4,4 @@ package com.pwhs.quickmem.presentation.app.library
 sealed class LibraryUiEvent() {
     data class Error(val message: String) : LibraryUiEvent()
     data object Loading : LibraryUiEvent()
-
 }

app/src/main/java/com/pwhs/quickmem/presentation/splash/SplashScreen.kt

@@ -1,15 +1,37 @@
 package com.pwhs.quickmem.presentation.splash
 
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.core.tween
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import androidx.hilt.navigation.compose.hiltViewModel
-import com.pwhs.quickmem.util.gradientBackground
+import com.pwhs.quickmem.R
+import com.pwhs.quickmem.ui.theme.Abrilfatface_Font
+import com.pwhs.quickmem.util.splashBackground
 import com.ramcosta.composedestinations.annotation.Destination
 import com.ramcosta.composedestinations.annotation.RootGraph
 import com.ramcosta.composedestinations.generated.destinations.HomeScreenDestination
@@ -64,8 +86,56 @@ fun SplashScreen(
     }
 
     Scaffold(
-        modifier = modifier.gradientBackground()
+        modifier = modifier.splashBackground(),
+        containerColor = Color.Transparent
+    ) { innerPadding ->
+        Column(
+            modifier = modifier
+                .padding(innerPadding)
+                .fillMaxSize(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            AnimatedText(modifier = Modifier)
+        }
+    }
+}
+
+@Composable
+fun AnimatedText(modifier: Modifier = Modifier) {
+    var isVisible by remember { mutableStateOf(false) }
+
+    LaunchedEffect(Unit) {
+        delay(500)
+        isVisible = true
+    }
+
+    AnimatedVisibility(
+        visible = isVisible,
+        enter = fadeIn(animationSpec = tween(2000)),
+        exit = fadeOut(animationSpec = tween(2000))
     ) {
-        Column(modifier = Modifier.padding(it)) { }
+        Row(
+            modifier = modifier,
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Image(
+                painter = painterResource(id = R.drawable.ic_bear),
+                contentDescription = "Quick Mem Logo",
+                modifier = modifier
+                    .size(48.dp)
+                    .padding(end = 8.dp)
+            )
+            Text(
+                text = "QUICK MEM",
+                fontSize = 32.sp,
+                color = Color.White,
+                fontWeight = FontWeight.Bold,
+                fontFamily = Abrilfatface_Font,
+                textAlign = TextAlign.Center,
+                modifier = modifier
+            )
+        }
     }
-}
+}
+

app/src/main/java/com/pwhs/quickmem/presentation/splash/SplashViewModel.kt

@@ -5,6 +5,7 @@ import androidx.lifecycle.AndroidViewModel
 import androidx.lifecycle.viewModelScope
 import com.pwhs.quickmem.core.datastore.AppManager
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.asStateFlow
 import kotlinx.coroutines.launch
@@ -27,6 +28,7 @@ class SplashViewModel @Inject constructor(
     private fun checkAuth() {
         Timber.d("Checking auth")
         viewModelScope.launch {
+            delay(1500)
             appManager.isLoggedIn.collect { isLoggedIn ->
                 if (isLoggedIn) {
                     _uiState.value = SplashUiState.IsLoggedIn
@@ -41,6 +43,7 @@ class SplashViewModel @Inject constructor(
     private fun checkFirstRun() {
         Timber.d("Checking first run")
         viewModelScope.launch {
+            delay(1500)
             appManager.isFirstRun.collect { isFirstRun ->
                 if (isFirstRun) {
                     _uiState.value = SplashUiState.FirstRun
@@ -53,6 +56,7 @@ class SplashViewModel @Inject constructor(
 
     fun saveIsFirstRun(isFirstRun: Boolean) {
         viewModelScope.launch {
+            delay(1500)
             appManager.saveIsFirstRun(isFirstRun)
         }
     }

app/src/main/java/com/pwhs/quickmem/ui/theme/Type.kt

@@ -1,6 +1,7 @@
 package com.pwhs.quickmem.ui.theme
 
 import androidx.compose.material3.Typography
+import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontFamily
 import com.pwhs.quickmem.R
 import androidx.compose.ui.text.googlefonts.GoogleFont
@@ -12,6 +13,13 @@ val provider = GoogleFont.Provider(
     certificates = R.array.com_google_android_gms_fonts_certs
 )
 
+val Abrilfatface_Font = FontFamily(
+    androidx.compose.ui.text.font.Font(R.font.firasans_extrabold)
+)
+val FontAbrilfatface = TextStyle(
+    fontFamily = Abrilfatface_Font
+)
+
 val bodyFontFamily = FontFamily(
     Font(
         googleFont = GoogleFont("Open Sans"),

app/src/main/java/com/pwhs/quickmem/util/ModifierExtensions.kt

@@ -31,6 +31,18 @@ fun Modifier.gradientBackground(): Modifier {
     )
 }
 
+fun Modifier.splashBackground(): Modifier {
+    return this.background(
+        brush = Brush.verticalGradient(
+            colors = listOf(
+                Color(0xFF2CB2CF),
+                Color(0xFF2CB2CF)
+            ),
+            tileMode = TileMode.Mirror
+        )
+    )
+}
+
 fun Modifier.bottomBorder(strokeWidth: Dp, color: Color) = composed(
     factory = {
         val density = LocalDensity.current