[Design] #62 top nav bar gradation

Author: lsakee

core/designsystem/src/main/java/com/record/designsystem/component/navbar/TopNavigationBar.kt

@@ -32,7 +32,7 @@ fun TopNavigationBar(
     )
     Box(
         modifier = modifier
-            .background(brush = gradient)
+            .background(brush = Brush.verticalGradient(listOf(Color(0x339babfb), Color(0x00000000))))
             .fillMaxWidth()
             .padding(
                 top = 45.dp,

feature/upload/src/main/java/com/record/upload/VideoPickerScreen.kt

@@ -1,44 +1,47 @@
 package com.record.upload
 
-import android.net.Uri
-import androidx.activity.compose.rememberLauncherForActivityResult
-import androidx.activity.result.PickVisualMediaRequest
-import androidx.activity.result.contract.ActivityResultContracts
 import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-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.platform.LocalContext
-import androidx.compose.ui.unit.dp
-import coil.compose.AsyncImage
+import androidx.compose.ui.text.style.TextAlign
+import com.record.designsystem.component.button.RecordyButton
 import com.record.designsystem.component.navbar.TopNavigationBar
-import com.record.ui.lifecycle.LaunchedEffectWithLifecycle
+import com.record.designsystem.theme.Background
+import com.record.designsystem.theme.Gray03
+import com.record.designsystem.theme.RecordyTheme
 
 @Composable
 fun VideoPickerScreen() {
-    var uri by remember { mutableStateOf<Uri?>(null) }
-    val imagePicker = rememberLauncherForActivityResult(
-        contract = ActivityResultContracts.PickVisualMedia(),
-        onResult = { uri = it }
-    )
-    LaunchedEffect(Unit) {
-        imagePicker.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.VideoOnly))
-    }
-
-    Column(
+    Box(
         modifier = Modifier
-            .background(Color.Transparent)
+            .fillMaxSize()
+            .background(Background),
     ) {
-        TopNavigationBar(title = "영상 선택", enableGradation = true)
-        AsyncImage(model = uri, contentDescription = null, modifier = Modifier.size(50.dp))
+        Column(
+            modifier = Modifier
+                .align(Alignment.TopCenter),
+        ) {
+            TopNavigationBar(title = "영상 선택", enableGradation = true)
+            Text(
+                text = "ⓘ 최대 1분의 1080p 영상을 올려주세요.",
+                color = Gray03,
+                style = RecordyTheme.typography.caption2,
+                maxLines = 1,
+                modifier = Modifier.fillMaxWidth(),
+                textAlign = TextAlign.Center,
+            )
+        }
+        RecordyButton(
+            modifier = Modifier.align(Alignment.BottomCenter),
+            text = "다음",
+            enabled = true,
+            onClick = { /*TODO*/ },
+        )
     }
 }

feature/upload/src/main/java/com/record/upload/navigation/UploadNavigation.kt

@@ -17,8 +17,7 @@ fun NavGraphBuilder.uploadNavGraph(
     modifier: Modifier = Modifier,
 ) {
     composable(route = UploadRoute.route) {
-        VideoPickerScreen(
-        )
+        VideoPickerScreen()
     }
 }