[chore] #4 apply redesign login view

feature/login/src/main/java/com/record/login/LoginScreen.kt

@@ -28,16 +28,18 @@ import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.onGloballyPositioned
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.IntSize
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.record.designsystem.R
 import com.record.designsystem.theme.Kakao
 import com.record.designsystem.theme.RecordyTheme
+import com.record.login.singup.SignUpRoute
 import dagger.hilt.android.EntryPointAccessors
-import kakaoLogo
 import kotlinx.coroutines.flow.collectLatest
 
 @Composable
@@ -73,11 +75,12 @@ fun LoginRoute(
             }
         }
     }
-    LoginScreen(
-        padding = padding,
-        modifier = modifier,
-        onLogInClick = { viewModel.startKakaoLogin() },
-    )
+    SignUpRoute()
+//    LoginScreen(
+//        padding = padding,
+//        modifier = modifier,
+//        onLogInClick = { viewModel.startKakaoLogin() },
+//    )
 }
 
 @Composable
@@ -112,7 +115,7 @@ fun LoginScreen(
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
             Image(
-                kakaoLogo(),
+                painterResource(id = R.drawable.ic_kakao_16),
                 null,
                 modifier = Modifier
                     .fillMaxWidth(0.3f)
@@ -140,7 +143,7 @@ fun LoginScreen(
             colors = ButtonDefaults.buttonColors(containerColor = Kakao),
             shape = RoundedCornerShape(10.dp),
         ) {
-            Image(kakaoLogo(), null, modifier = Modifier.padding(end = 8.dp))
+            Image(painterResource(id = com.record.designsystem.R.drawable.ic_kakao_16), null, modifier = Modifier.padding(end = 8.dp))
             Text("카카오로 시작하기", style = RecordyTheme.typography.button2.copy(color = RecordyTheme.colors.black))
         }
 

feature/login/src/main/java/com/record/login/singup/SignUpScreen.kt

@@ -39,7 +39,7 @@ import com.record.designsystem.component.progressbar.RecordyProgressBar
 import com.record.designsystem.theme.RecordyTheme
 import com.record.login.singup.screen.NamingScreen
 import com.record.login.singup.screen.PolicyScreen
-import com.record.login.singup.screen.SignUpSucessScreen
+import com.record.login.singup.screen.SignUpSuccessScreen
 import kotlinx.coroutines.launch
 
 @OptIn(ExperimentalFoundationApi::class)
@@ -79,8 +79,8 @@ fun SignUpRoute(
             .background(
                 brush = Brush.verticalGradient(
                     listOf(Color(0x339babfb), Color(0x00000000)),
-                    startY = columnSize.height.toFloat() * 0.1f,
-                    endY = columnSize.height.toFloat() * 0.6f,
+                    startY = columnSize.height.toFloat() * 0f,
+                    endY = columnSize.height.toFloat() * 0.3f,
                 ),
             ),
     ) {
@@ -118,7 +118,7 @@ fun SignUpRoute(
                 )
 
                 SignUpScreen.Naming -> NamingScreen(uiState = uiState, onTextChangeEvent = viewModel::updateNickName)
-                SignUpScreen.Success -> SignUpSucessScreen()
+                SignUpScreen.Success -> SignUpSuccessScreen()
             }
         }
     }

feature/login/src/main/java/com/record/login/singup/screen/PolicyScreen.kt

@@ -25,13 +25,12 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
-import com.record.designsystem.R.drawable.ic_check_16
-import com.record.designsystem.R.drawable.ic_check_24
-import com.record.designsystem.R.drawable.ic_signup
+import com.record.designsystem.R
 import com.record.designsystem.theme.RecordyTheme
 import com.record.login.singup.SignUpState
 
@@ -47,12 +46,13 @@ fun PolicyScreen(
     Column(modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Top) {
         Spacer(modifier = Modifier.height(33.dp))
         Image(
-            painter = painterResource(id = ic_signup),
+            painter = painterResource(id = R.drawable.img_onboarding),
             null,
             modifier = Modifier
                 .width(84.dp)
                 .padding(start = 12.dp)
                 .aspectRatio(1f),
+            contentScale = ContentScale.Crop,
         )
         Spacer(modifier = Modifier.height(9.dp))
         Text(
@@ -110,7 +110,7 @@ fun RecordyCheckAllBox(contentText: String = "", padding: PaddingValues, checked
             modifier = Modifier.fillMaxWidth(),
         ) {
             Icon(
-                ImageVector.vectorResource(id = ic_check_24),
+                ImageVector.vectorResource(id = R.drawable.ic_check_24),
                 contentDescription = null,
                 modifier = Modifier
                     .height(24.dp)
@@ -146,7 +146,7 @@ fun RecordyCheckBox(contentText: String = "", padding: PaddingValues, checked: B
                 modifier = Modifier.fillMaxWidth(),
             ) {
                 Icon(
-                    ImageVector.vectorResource(id = ic_check_16),
+                    ImageVector.vectorResource(id = R.drawable.ic_check_16),
                     contentDescription = null,
                     modifier = Modifier
                         .animateContentSize { initialValue, targetValue -> }

feature/login/src/main/java/com/record/login/singup/screen/SignUpSuccessScreen.kt

@@ -11,22 +11,24 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 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.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import com.record.designsystem.R.drawable.ic_signup
+import com.record.designsystem.R
 import com.record.designsystem.theme.RecordyTheme
 
 @Composable
-fun SignUpSucessScreen() {
+fun SignUpSuccessScreen() {
     Column(modifier = Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally) {
         Spacer(modifier = Modifier.height(174.dp))
         Image(
-            painter = painterResource(id = ic_signup),
+            painter = painterResource(id = R.drawable.img_bubble_checked),
             contentDescription = null,
             modifier = Modifier
                 .fillMaxWidth(0.3f)
                 .aspectRatio(1f),
+            contentScale = ContentScale.Crop,
         )
         Spacer(modifier = Modifier.height(36.dp))
         Text(
@@ -45,8 +47,8 @@ fun SignUpSucessScreen() {
 
 @Preview
 @Composable
-fun PreviewSignUpSucessScreen() {
+fun PreviewSignUpSuccessScreen() {
     RecordyTheme {
-        SignUpSucessScreen()
+        SignUpSuccessScreen()
     }
 }