Feature(#132): 빈 버블 보관함 화면 추가

app/src/main/java/com/umc/edison/ui/bubblestorage/BubbleStorageScreen.kt

@@ -41,9 +41,21 @@ import com.umc.edison.ui.components.calculateBubbleSize
 import com.umc.edison.ui.navigation.NavRoute
 import com.umc.edison.ui.onboarding.BubbleSpaceOnboarding
 import com.umc.edison.ui.theme.Gray300
+import com.umc.edison.ui.theme.Gray500
+import com.umc.edison.ui.theme.Gray700
 import com.umc.edison.ui.theme.Gray800
 import com.umc.edison.ui.theme.Gray900
 import com.umc.edison.ui.theme.White000
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Surface
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import com.umc.edison.R
+import com.umc.edison.ui.theme.EdisonTypography
+import com.umc.edison.ui.theme.EmptyViewCtaBg
+import com.umc.edison.ui.theme.GradientBlue
+import com.umc.edison.ui.theme.GradientPink
+import com.umc.edison.ui.theme.GradientYellow
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -99,6 +111,15 @@ fun BubbleStorageScreen(
             }
         },
     ) {
+        if (uiState.bubbles.isEmpty()) {
+            BubbleStorageEmptyView(
+                onCtaClick = {
+                    navHostController.navigate(NavRoute.BubbleEdit.createRoute())
+                }
+            )
+            return@BaseContent
+        }
+
         var onBubbleClick: (BubbleModel) -> Unit = {}
         var onBubbleLongClick: (BubbleModel) -> Unit = {}
 
@@ -293,3 +314,55 @@ fun BubbleStorageScreen(
         }
     }
 }
+
+@Composable
+private fun BubbleStorageEmptyView(
+    onCtaClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+
+    Column(
+        modifier = modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Text(
+            text = stringResource(R.string.bubble_storage_empty_title),
+            style = EdisonTypography.displayLarge,
+            color = Gray700,
+            textAlign = TextAlign.Center,
+        )
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        Text(
+            text = stringResource(R.string.bubble_storage_empty_subtitle),
+            style = EdisonTypography.bodyMedium,
+            color = Gray500,
+            textAlign = TextAlign.Center,
+        )
+
+        Spacer(modifier = Modifier.height(4.dp))
+
+        val ctaTextBrush = Brush.horizontalGradient(
+            colors = listOf(
+                GradientYellow,
+                GradientPink,
+                GradientBlue,
+            )
+        )
+
+        Surface(
+            onClick = onCtaClick,
+            shape = RoundedCornerShape(100.dp),
+            color = EmptyViewCtaBg,
+        ) {
+            Text(
+                text = stringResource(R.string.bubble_storage_empty_cta),
+                modifier = Modifier.padding(horizontal = 16.dp, vertical = 8.dp),
+                style = MaterialTheme.typography.displaySmall.copy(brush = ctaTextBrush),
+                textAlign = TextAlign.Center,
+            )
+        }
+    }
+}

app/src/main/java/com/umc/edison/ui/edison/MyEdisonScreen.kt

@@ -234,4 +234,4 @@ private fun OnboardingImagePlaceholder(
         alignment = Alignment.Center,
         contentScale = ContentScale.Crop,
     )
-}
+}

app/src/main/java/com/umc/edison/ui/navigation/NavRoute.kt

@@ -68,8 +68,8 @@ sealed class NavRoute(val route: String) {
     }
 
     data object BubbleEdit : NavRoute("$MY_EDISON_ROUTE/edit") {
-        fun createRoute(bubbleId: String?): String {
-            return if (bubbleId != null) {
+        fun createRoute(bubbleId: String? = null): String {
+            return if (!bubbleId.isNullOrEmpty()) {
                 "$route?bubbleId=$bubbleId"
             } else {
                 route

app/src/main/java/com/umc/edison/ui/space/BubbleGraphScreen.kt

@@ -97,7 +97,7 @@ fun BubbleGraphScreen(
                     val transformedOffset = (tapOffset - offset) / scale
                     val radius = BUBBLE_DOT_RADIUS
                     val touchRadius = radius * 1.5f
-                    
+
                     uiState.bubbles.forEach { positionedBubble ->
                         val dx = transformedOffset.x - positionedBubble.position.x
                         val dy = transformedOffset.y - positionedBubble.position.y

app/src/main/java/com/umc/edison/ui/theme/Color.kt

@@ -49,6 +49,11 @@ val Orange100 = Color(0xFFFFE2CD)
 val LightGreen100 = Color(0XFFD5FFAB)
 val LightBlue100 = Color(0XFFA8F4F7)
 
+val EmptyViewCtaBg = Color(0xFFFFF7F7)
+val GradientYellow = Color(0xFFF2F227)
+val GradientPink = Color(0xFFFF87D5)
+val GradientBlue = Color(0xFF5BADFF)
+
 val ColorPickerList = listOf(
     Red100,
     Yellow100,
@@ -62,4 +67,4 @@ val ColorPickerList = listOf(
     Green200,
     Purple100,
     Color(0xFFC9CBD3),
-)
+)

app/src/main/res/drawable/ic_label.xml

@@ -3,22 +3,7 @@
     android:height="24dp"
     android:viewportWidth="24"
     android:viewportHeight="24">
-  <group>
-    <clip-path
-        android:pathData="M0,0h24v24h-24z"/>
-    <path
-        android:pathData="M22.59,15.41L15.42,22.58C15.234,22.766 15.014,22.913 14.771,23.014C14.528,23.115 14.268,23.167 14.005,23.167C13.742,23.167 13.482,23.115 13.239,23.014C12.996,22.913 12.776,22.766 12.59,22.58L4,14V4H14L22.59,12.59C22.962,12.965 23.172,13.472 23.172,14C23.172,14.528 22.962,15.035 22.59,15.41Z"
-        android:strokeLineJoin="round"
-        android:strokeWidth="2"
-        android:fillColor="#ffffff"
-        android:strokeColor="#000000"
-        android:strokeLineCap="round"/>
-    <path
-        android:pathData="M8,8H8.01"
-        android:strokeLineJoin="round"
-        android:strokeWidth="2"
-        android:fillColor="#00000000"
-        android:strokeColor="#000000"
-        android:strokeLineCap="round"/>
-  </group>
+  <path
+      android:pathData="M1.173,10.628C0.802,10.998 0.506,11.437 0.305,11.922C0.104,12.406 0,12.925 0,13.45C0,13.974 0.104,14.494 0.305,14.978C0.506,15.462 0.802,15.902 1.173,16.272L7.766,22.832C8.52,23.58 9.539,24 10.602,24C11.664,24 12.684,23.58 13.438,22.832L22.778,13.538C23.521,12.797 23.942,11.793 23.952,10.744L24,4.02C24.003,3.491 23.9,2.966 23.699,2.477C23.497,1.988 23.201,1.543 22.826,1.169C22.452,0.796 22.007,0.5 21.517,0.299C21.028,0.098 20.503,-0.003 19.974,0L13.474,0.028C12.416,0.029 11.402,0.449 10.654,1.196L1.173,10.628ZM18,8C17.469,8 16.961,7.789 16.586,7.414C16.211,7.039 16,6.53 16,6C16,5.47 16.211,4.961 16.586,4.586C16.961,4.211 17.469,4 18,4C18.53,4 19.039,4.211 19.414,4.586C19.789,4.961 20,5.47 20,6C20,6.53 19.789,7.039 19.414,7.414C19.039,7.789 18.53,8 18,8Z"
+      android:fillColor="#3A3D40"/>
 </vector>

app/src/main/res/mipmap-anydpi-v26/ic_label.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_label"/>
+    <foreground android:drawable="@mipmap/ic_label_foreground"/>
+</adaptive-icon>

app/src/main/res/mipmap-anydpi-v26/ic_label_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_label"/>
+    <foreground android:drawable="@mipmap/ic_label_foreground"/>
+</adaptive-icon>

app/src/main/res/values/strings.xml

@@ -35,4 +35,7 @@
     <string name="delete_account_agree_3">3. 해당 계정으로 Edison에 재가입할 경우, 새로운 계정으로 간주됩니다.</string>
     <string name="delete_account_agree">안내 사항을 모두 확인하였으며, 이에 동의합니다.</string>
     <string name="login_question">로그인이 필요한 기능입니다</string>
-</resources>
+    <string name="bubble_storage_empty_title">지난 한 달간 새로 작성한\n버블이 없어요!</string>
+    <string name="bubble_storage_empty_subtitle">에디슨과 함께</string>
+    <string name="bubble_storage_empty_cta">찰나의 영감을 기록하기</string>
+</resources>