[refactor]: Toast 컴포넌트명 수정 -> ToastWithDate 및 preview 수정(#26)

Author: JJUYAAA

…om/texthip/thip/ui/common/modal/Toast.kt …ip/thip/ui/common/modal/ToastWithDate.ktapp/src/main/java/com/texthip/thip/ui/common/modal/Toast.kt renamed to app/src/main/java/com/texthip/thip/ui/common/modal/ToastWithDate.kt app/src/main/java/com/texthip/thip/ui/common/modal/Toast.kt renamed to app/src/main/java/com/texthip/thip/ui/common/modal/ToastWithDate.kt

@@ -1,5 +1,6 @@
 package com.texthip.thip.ui.common.modal
 
+import android.widget.Toast
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Arrangement
@@ -21,7 +22,7 @@ import com.texthip.thip.ui.theme.ThipTheme.colors
 import com.texthip.thip.ui.theme.ThipTheme.typography
 
 @Composable
-fun Toast(
+fun ToastWithDate(
     modifier: Modifier = Modifier,
     message: String,
     date: String
@@ -35,7 +36,7 @@ fun Toast(
                 color = colors.Grey02,
                 shape = RoundedCornerShape(12.dp)
             )
-            .padding(horizontal = 15.dp, vertical = 15.dp)
+            .padding(15.dp)
     ) {
         Row(
             modifier = Modifier.fillMaxWidth(),
@@ -59,7 +60,7 @@ fun Toast(
 @Preview(showBackground = true)
 @Composable
 fun ToastPrev() {
-    Toast(
+    ToastWithDate(
         message = stringResource(R.string.push_off),
         date = "2025년 6월 29일 22시 30분",
         modifier = Modifier.fillMaxWidth()

app/src/main/java/com/texthip/thip/ui/myPage/NotificationScreen.kt

@@ -22,7 +22,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
 import com.texthip.thip.R
 import com.texthip.thip.ui.common.buttons.ToggleSwitchButton
-import com.texthip.thip.ui.common.modal.Toast
+import com.texthip.thip.ui.common.modal.ToastWithDate
 import com.texthip.thip.ui.common.topappbar.InputTopAppBar
 import com.texthip.thip.ui.theme.ThipTheme.colors
 import com.texthip.thip.ui.theme.ThipTheme.typography
@@ -49,7 +49,7 @@ fun NotificationScreen() {
                     .padding(horizontal = 15.dp, vertical = 15.dp),
                 contentAlignment = Alignment.TopCenter
             ) {
-                Toast(
+                ToastWithDate(
                     message = stringResource(
                         if (message == "push_on") R.string.push_on else R.string.push_off
                     ),

app/src/main/java/com/texthip/thip/ui/myPage/component/RoleCard.kt

@@ -33,6 +33,7 @@ import com.texthip.thip.R
 import com.texthip.thip.ui.theme.DarkGrey
 import com.texthip.thip.ui.theme.NeonGreen
 import com.texthip.thip.ui.theme.Pink
+import com.texthip.thip.ui.theme.ThipTheme
 import com.texthip.thip.ui.theme.ThipTheme.colors
 import com.texthip.thip.ui.theme.ThipTheme.typography
 import com.texthip.thip.ui.theme.White
@@ -102,34 +103,36 @@ fun RoleCard(
     }
 }
 
-@Preview(showBackground = true, backgroundColor = 0xFF121212)
+@Preview
 @Composable
 fun RoleCardPreview() {
     var selected1 by rememberSaveable { mutableStateOf(true) }
     var selected2 by rememberSaveable { mutableStateOf(false) }
 
-    Row(
-        modifier = Modifier.padding(20.dp),
-        horizontalArrangement = Arrangement.spacedBy(12.dp)
-    ) {
-        RoleCard(
-            genre = "문학",
-            role = "문학가",
-            imageResId = R.drawable.character_literature,
-            genreColor = White,
-            roleColor = NeonGreen,
-            selected = selected1,
-            onClick = { selected1 = !selected1 }
-        )
+    ThipTheme {
+        Row(
+            modifier = Modifier.padding(20.dp),
+            horizontalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            RoleCard(
+                genre = "문학",
+                role = "문학가",
+                imageResId = R.drawable.character_literature,
+                genreColor = White,
+                roleColor = NeonGreen,
+                selected = selected1,
+                onClick = { selected1 = !selected1 }
+            )
 
-        RoleCard(
-            genre = "예술",
-            role = "예술가",
-            imageResId = R.drawable.character_art,
-            genreColor = White,
-            roleColor = Pink,
-            selected = selected2,
-            onClick = { selected2 = !selected2 }
-        )
+            RoleCard(
+                genre = "예술",
+                role = "예술가",
+                imageResId = R.drawable.character_art,
+                genreColor = White,
+                roleColor = Pink,
+                selected = selected2,
+                onClick = { selected2 = !selected2 }
+            )
+        }
     }
 }