[FIX/#1620] fix (#1621)

Author: vvan2

feature/sopletter/src/main/java/org/sopt/official/feature/sopletter/write/SopletterWriteScreen.kt

@@ -28,6 +28,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.text.input.TextFieldState
 import androidx.compose.material3.SnackbarHostState
@@ -117,7 +118,7 @@ private fun SopletterWriteScreen(
         modifier = modifier
             .fillMaxSize()
             .background(color = SoptTheme.colors.background)
-            .padding(horizontal = 20.dp),
+            .imePadding(),
     ) {
         SopletterTopbar(onBackClick = onBackClick)
 
@@ -129,14 +130,18 @@ private fun SopletterWriteScreen(
             userName = uiState.writerName,
             state = textFieldState,
             maxLength = maxLength,
-            onLimitExceeded = onLimitExceeded
+            onLimitExceeded = onLimitExceeded,
+            modifier = Modifier
+                .padding(horizontal = 20.dp)
         )
 
         Spacer(modifier = Modifier.weight(1f))
 
         SopletterWriteButton(
             isEnabled = isButtonEnabled,
-            onButtonClick = onPostClick
+            onButtonClick = onPostClick,
+            modifier = Modifier
+                .padding(horizontal = 20.dp)
         )
 
         Spacer(modifier = Modifier.padding(vertical = 24.dp))
@@ -157,4 +162,4 @@ private fun SopletterWriteScreenPreview() {
             onLimitExceeded = { }
         )
     }
-}
+}

feature/sopletter/src/main/java/org/sopt/official/feature/sopletter/write/SopletterWriteViewModel.kt

@@ -37,17 +37,20 @@ import kotlinx.coroutines.flow.asSharedFlow
 import kotlinx.coroutines.flow.asStateFlow
 import kotlinx.coroutines.flow.update
 import kotlinx.coroutines.launch
+import org.sopt.official.domain.sopletter.onboarding.repository.SopletterOnboardingRepository
 import org.sopt.official.feature.sopletter.common.model.SopletterSnackbarType
 import org.sopt.official.feature.sopletter.write.model.SopletterWriteSideEffect
 import org.sopt.official.feature.sopletter.write.model.SopletterWriteUiState
 import org.sopt.official.feature.sopletter.write.navigation.SopletterWrite
 import org.sopt.official.sopletter.repository.SopletterWriteRepository
+import timber.log.Timber
 import javax.inject.Inject
 
 @HiltViewModel
 class SopletterWriteViewModel @Inject constructor(
     savedStateHandle: SavedStateHandle,
-    private val sopletterWriteRepository: SopletterWriteRepository
+    private val sopletterWriteRepository: SopletterWriteRepository,
+    private val sopletterOnboardingRepository: SopletterOnboardingRepository
 ) : ViewModel() {
 
     private val _uiState = MutableStateFlow(SopletterWriteUiState())
@@ -57,6 +60,23 @@ class SopletterWriteViewModel @Inject constructor(
     val sideEffect: SharedFlow<SopletterWriteSideEffect> = _sideEffect.asSharedFlow()
 
     private val currentTopicId: Long? = savedStateHandle.toRoute<SopletterWrite>().topicId
+
+    init {
+        fetchWriterProfile()
+    }
+
+    private fun fetchWriterProfile() {
+        viewModelScope.launch {
+            sopletterOnboardingRepository.getOnboarding()
+                .onSuccess { onboarding ->
+                    _uiState.update { it.copy(writerName = onboarding.nickname) }
+                }
+                .onFailure {
+                    Timber.e(it)
+                }
+        }
+    }
+
     fun postSopletter(content: String) {
         if (_uiState.value.isLoading) return
 
@@ -89,4 +109,4 @@ class SopletterWriteViewModel @Inject constructor(
             _sideEffect.emit(SopletterWriteSideEffect.ShowSnackbar(message = "공백 포함 350자 이하로만 작성할 수 있어요.", type = SopletterSnackbarType.WARNING))
         }
     }
-}
+}

feature/sopletter/src/main/java/org/sopt/official/feature/sopletter/write/component/SopletterExplainArea.kt

@@ -26,10 +26,10 @@ package org.sopt.official.feature.sopletter.write.component
 
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -50,7 +50,8 @@ fun SopletterExplainArea (
     Row(
         modifier = modifier
             .fillMaxWidth()
-            .background(color = SoptTheme.colors.background),
+            .background(color = SoptTheme.colors.background)
+            .padding(horizontal = 20.dp),
         verticalAlignment = Alignment.CenterVertically,
     ){
         Image(

feature/sopletter/src/main/java/org/sopt/official/feature/sopletter/write/component/SopletterWriteTextField.kt

@@ -80,7 +80,7 @@ fun SopletterWriteTextBox(
             .fillMaxWidth()
             .background(color = SoptTheme.colors.onSurface700, shape = RoundedCornerShape(10.dp))
             .border(width = 1.dp, color = borderColor, shape = RoundedCornerShape(10.dp))
-            .padding(16.dp),
+            .padding(all = 20.dp ),
         verticalArrangement = Arrangement.spacedBy(12.dp)
     ) {
         Text(