From 8399254d618fee0523a847f48ed68523ab650cde Mon Sep 17 00:00:00 2001
From: Do-Re-Min-Woo <kimy5878@naver.com>
Date: Fri, 24 Nov 2023 01:25:27 +0900
Subject: [PATCH] =?UTF-8?q?[chore]=20#3=20=EC=BD=94=EB=93=9C=EB=A6=AC?=
 =?UTF-8?q?=EB=B7=B0=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model/response/ResponsePopularStoreDto.kt |  16 +--
 .../presentation/store/PopularStoreAdapter.kt |   2 +-
 ...ack_24px.xml => ic_back_gray_800_24px.xml} |   0
 ...y_24px.xml => ic_people_grey_100_24px.xml} |   0
 ...ck_8px.xml => ic_polygon_gray_800_8px.xml} |   0
 ...00_0.xml => shape_gradient_white_rect.xml} |   2 +-
 .../res/layout/activity_popular_store.xml     | 128 ++++++++++--------
 .../main/res/layout/item_popular_store.xml    |  41 +++---
 app/src/main/res/values/colors.xml            |   2 +-
 app/src/main/res/values/strings.xml           |  14 +-
 app/src/main/res/values/themes.xml            |   8 ++
 11 files changed, 116 insertions(+), 97 deletions(-)
 rename app/src/main/res/drawable/{ic_back_24px.xml => ic_back_gray_800_24px.xml} (100%)
 rename app/src/main/res/drawable/{ic_people_grey_24px.xml => ic_people_grey_100_24px.xml} (100%)
 rename app/src/main/res/drawable/{ic_polygon_black_8px.xml => ic_polygon_gray_800_8px.xml} (100%)
 rename app/src/main/res/drawable/{bg_white_100_0.xml => shape_gradient_white_rect.xml} (81%)

diff --git a/app/src/main/java/org/sopt/tabling/data/model/response/ResponsePopularStoreDto.kt b/app/src/main/java/org/sopt/tabling/data/model/response/ResponsePopularStoreDto.kt
index cd40867..afe9b6f 100644
--- a/app/src/main/java/org/sopt/tabling/data/model/response/ResponsePopularStoreDto.kt
+++ b/app/src/main/java/org/sopt/tabling/data/model/response/ResponsePopularStoreDto.kt
@@ -15,22 +15,22 @@ data class ResponsePopularStoreDto(
     @Serializable
     data class StoreData(
         @SerialName("shop_id")
-        val shop_id: Int,
+        val shopId: Int,
         @SerialName("name")
         val name: String,
         @SerialName("average_star")
-        val average_star: Double,
+        val averageStar: Double,
         @SerialName("review_count")
-        val review_count: Int,
+        val reviewCount: Int,
         @SerialName("shop_category")
-        val shop_category: String,
+        val shopCategory: String,
         @SerialName("short_address")
-        val short_address: String,
+        val shortAddress: String,
         @SerialName("average_waiting")
-        val average_waiting: Int,
+        val averageWaiting: Int,
         @SerialName("current_waiting")
-        val current_waiting: Int,
+        val currentWaiting: Int,
         @SerialName("profile_photo_url")
-        val profile_photo_url: String,
+        val profilePhotoUrl: String,
     )
 }
diff --git a/app/src/main/java/org/sopt/tabling/presentation/store/PopularStoreAdapter.kt b/app/src/main/java/org/sopt/tabling/presentation/store/PopularStoreAdapter.kt
index 4c689ac..ae3ac60 100644
--- a/app/src/main/java/org/sopt/tabling/presentation/store/PopularStoreAdapter.kt
+++ b/app/src/main/java/org/sopt/tabling/presentation/store/PopularStoreAdapter.kt
@@ -15,7 +15,7 @@ class PopularStoreAdapter(context: Context) :
     inner class PopularStoreViewHolder(val binding: ItemPopularStoreBinding) :
         RecyclerView.ViewHolder(binding.root) {
         fun onBind(storeData: ResponsePopularStoreDto.StoreData) {
-            binding.data = storeData
+            binding.storeData = storeData
         }
     }
 
diff --git a/app/src/main/res/drawable/ic_back_24px.xml b/app/src/main/res/drawable/ic_back_gray_800_24px.xml
similarity index 100%
rename from app/src/main/res/drawable/ic_back_24px.xml
rename to app/src/main/res/drawable/ic_back_gray_800_24px.xml
diff --git a/app/src/main/res/drawable/ic_people_grey_24px.xml b/app/src/main/res/drawable/ic_people_grey_100_24px.xml
similarity index 100%
rename from app/src/main/res/drawable/ic_people_grey_24px.xml
rename to app/src/main/res/drawable/ic_people_grey_100_24px.xml
diff --git a/app/src/main/res/drawable/ic_polygon_black_8px.xml b/app/src/main/res/drawable/ic_polygon_gray_800_8px.xml
similarity index 100%
rename from app/src/main/res/drawable/ic_polygon_black_8px.xml
rename to app/src/main/res/drawable/ic_polygon_gray_800_8px.xml
diff --git a/app/src/main/res/drawable/bg_white_100_0.xml b/app/src/main/res/drawable/shape_gradient_white_rect.xml
similarity index 81%
rename from app/src/main/res/drawable/bg_white_100_0.xml
rename to app/src/main/res/drawable/shape_gradient_white_rect.xml
index 2c2e93b..0ef5923 100644
--- a/app/src/main/res/drawable/bg_white_100_0.xml
+++ b/app/src/main/res/drawable/shape_gradient_white_rect.xml
@@ -3,6 +3,6 @@
     android:shape="rectangle">
     <gradient
         android:angle="180"
-        android:endColor="@color/white_0"
+        android:endColor="@color/transparent_white"
         android:startColor="@color/white" />
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_popular_store.xml b/app/src/main/res/layout/activity_popular_store.xml
index 00a6d72..abcba51 100644
--- a/app/src/main/res/layout/activity_popular_store.xml
+++ b/app/src/main/res/layout/activity_popular_store.xml
@@ -13,6 +13,7 @@
     <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
+        android:background="@color/white"
         tools:context=".presentation.store.PopularStoreActivity">
 
         <com.google.android.material.appbar.MaterialToolbar
@@ -24,113 +25,124 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:navigationIcon="@drawable/ic_back_24px">
+            app:navigationIcon="@drawable/ic_back_gray_800_24px">
 
             <TextView
+                android:id="@+id/tv_popular_store_tb"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:text="@string/area_seoul_south"
-                android:textAppearance="@style/TextAppearance.Body1.SemiBold" />
+                android:textAppearance="@style/TextAppearance.Body1.SemiBold"
+                android:textColor="@color/gray_800"
+                tools:layout_editor_absoluteX="56dp"
+                tools:layout_editor_absoluteY="22dp" />
 
             <ImageButton
-                android:id="@+id/imageButton"
+                android:id="@+id/ib_popular_store_area"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_marginStart="2dp"
                 android:background="@color/white"
-                android:src="@drawable/ic_polygon_black_8px" />
+                android:src="@drawable/ic_polygon_gray_800_8px" />
 
         </com.google.android.material.appbar.MaterialToolbar>
 
-        <com.google.android.material.chip.ChipGroup
-            android:id="@+id/cg_popular_store_area"
-            android:layout_width="0dp"
+        <HorizontalScrollView
+            android:id="@+id/hsv_popular_store_chip"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginStart="16dp"
-            android:orientation="horizontal"
+            android:scrollbars="none"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/tb_popular_store"
-            app:singleLine="true"
-            app:singleSelection="true">
-
-            <com.google.android.material.chip.Chip
-                style="@style/Style.Material3.Chip.Suggestion.Waiting"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:checked="true"
-                android:text="@string/area_all" />
-
-            <com.google.android.material.chip.Chip
-                style="@style/Style.Material3.Chip.Suggestion.Waiting"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:text="@string/area_seoul_gangnam" />
+            app:layout_constraintTop_toBottomOf="@id/tb_popular_store">
 
-            <com.google.android.material.chip.Chip
-                style="@style/Style.Material3.Chip.Suggestion.Waiting"
+            <com.google.android.material.chip.ChipGroup
+                android:id="@+id/cg_popular_store_area"
                 android:layout_width="wrap_content"
                 android:layout_height="match_parent"
-                android:text="@string/area_seoul_apgujeong" />
-
-            <com.google.android.material.chip.Chip
-                style="@style/Style.Material3.Chip.Suggestion.Waiting"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:text="@string/area_seoul_samsung" />
-
-            <com.google.android.material.chip.Chip
-                style="@style/Style.Material3.Chip.Suggestion.Waiting"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:text="@string/area_seoul_seocho" />
-
-        </com.google.android.material.chip.ChipGroup>
+                android:layout_marginStart="16dp"
+                android:orientation="horizontal"
+                app:singleLine="true"
+                app:singleSelection="true">
+
+                <com.google.android.material.chip.Chip
+                    style="@style/Style.Material3.Chip.Suggestion.Waiting"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    android:checked="true"
+                    android:text="@string/area_all" />
+
+                <com.google.android.material.chip.Chip
+                    style="@style/Style.Material3.Chip.Suggestion.Waiting"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    android:text="@string/area_seoul_gangnam" />
+
+                <com.google.android.material.chip.Chip
+                    style="@style/Style.Material3.Chip.Suggestion.Waiting"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    android:text="@string/area_seoul_apgujeong" />
+
+                <com.google.android.material.chip.Chip
+                    style="@style/Style.Material3.Chip.Suggestion.Waiting"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    android:text="@string/area_seoul_samsung" />
+
+                <com.google.android.material.chip.Chip
+                    style="@style/Style.Material3.Chip.Suggestion.Waiting"
+                    android:layout_width="wrap_content"
+                    android:layout_height="match_parent"
+                    android:text="@string/area_seoul_seocho" />
+
+            </com.google.android.material.chip.ChipGroup>
+        </HorizontalScrollView>
 
         <ImageButton
-            android:id="@+id/ic_popular_store_arrow_down"
+            android:id="@+id/iv_popular_store_arrow_down"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:background="@drawable/bg_white_100_0"
+            android:background="@drawable/shape_gradient_white_rect"
             android:paddingStart="27dp"
             android:paddingTop="6dp"
             android:paddingEnd="16dp"
             android:paddingBottom="6dp"
             android:src="@drawable/ic_arrow_down_black_36px"
-            app:layout_constraintBottom_toBottomOf="@id/cg_popular_store_area"
+            app:layout_constraintBottom_toBottomOf="@id/hsv_popular_store_chip"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="@id/cg_popular_store_area" />
+            app:layout_constraintTop_toTopOf="@id/hsv_popular_store_chip" />
 
         <View
-            android:id="@+id/line"
-            android:layout_width="360dp"
+            android:id="@+id/view_popular_store_horizontal_1dp"
+            android:layout_width="0dp"
             android:layout_height="1dp"
             android:layout_marginTop="11dp"
             android:background="@color/gray_000"
-            app:layout_constraintTop_toBottomOf="@id/cg_popular_store_area"
+            app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintEnd_toEndOf="parent" />
+            app:layout_constraintTop_toBottomOf="@id/hsv_popular_store_chip" />
 
         <TextView
-            android:id="@+id/tv_popular_store_text1"
+            android:id="@+id/tv_popular_store_avg_people_number"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginStart="16dp"
             android:layout_marginTop="16dp"
-            android:text="@string/popular_store_text1"
+            android:text="@string/popular_store_avg_personnel"
             android:textAppearance="@style/TextAppearance.Caption1.SemiBold"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/line" />
+            app:layout_constraintTop_toBottomOf="@id/view_popular_store_horizontal_1dp" />
 
         <TextView
             android:id="@+id/tv_popular_store_text2"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:text="@string/popular_store_text2"
+            android:text="@string/popular_store_standard"
             android:textAppearance="@style/TextAppearance.Caption1.Regular"
-            app:layout_constraintBottom_toBottomOf="@id/tv_popular_store_text1"
-            app:layout_constraintStart_toEndOf="@id/tv_popular_store_text1"
-            app:layout_constraintTop_toTopOf="@id/tv_popular_store_text1" />
+            app:layout_constraintBottom_toBottomOf="@id/tv_popular_store_avg_people_number"
+            app:layout_constraintStart_toEndOf="@id/tv_popular_store_avg_people_number"
+            app:layout_constraintTop_toTopOf="@id/tv_popular_store_avg_people_number" />
 
         <TextView
             android:id="@+id/tv_popular_store_area"
@@ -142,7 +154,7 @@
             android:textAppearance="@style/TextAppearance.Body1.SemiBold"
             android:textColor="@color/secondary"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/tv_popular_store_text1" />
+            app:layout_constraintTop_toBottomOf="@id/tv_popular_store_avg_people_number" />
 
         <TextView
             android:id="@+id/tv_popular_store_best"
diff --git a/app/src/main/res/layout/item_popular_store.xml b/app/src/main/res/layout/item_popular_store.xml
index 0ed968a..751a2ff 100644
--- a/app/src/main/res/layout/item_popular_store.xml
+++ b/app/src/main/res/layout/item_popular_store.xml
@@ -6,7 +6,7 @@
     <data>
 
         <variable
-            name="data"
+            name="storeData"
             type="org.sopt.tabling.data.model.response.ResponsePopularStoreDto.StoreData" />
     </data>
 
@@ -18,7 +18,7 @@
             android:id="@+id/tv_popular_store_number"
             android:layout_width="0dp"
             android:layout_height="wrap_content"
-            android:text="@{String.valueOf(data.shop_id)}"
+            android:text="@{String.valueOf(storeData.shopId)}"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="@id/iv_popular_store"
@@ -32,7 +32,7 @@
             android:layout_marginTop="8dp"
             android:layout_marginBottom="8dp"
             android:scaleType="centerCrop"
-            app:image="@{data.profile_photo_url}"
+            app:image="@{storeData.profilePhotoUrl}"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintDimensionRatio="1"
             app:layout_constraintStart_toEndOf="@id/tv_popular_store_number"
@@ -41,17 +41,14 @@
 
         <com.google.android.material.chip.Chip
             android:id="@+id/chip_popular_store_waiting_num"
-            style="@style/Widget.Material3.Chip.Style"
+            style="@style/Style.Material3.Chip.Suggestion.Waiting.Item"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginStart="5dp"
             android:layout_marginTop="4dp"
-            android:checkable="false"
-            android:text="@{data.current_waiting == 0 ? @string/item_popular_store_no_waiting : @string/item_popular_store_waiting(data.current_waiting) }"
-            android:textAppearance="@style/TextAppearance.Caption2"
-            android:textColor="@{data.current_waiting == 0 ? @color/gray_200 : @color/white }"
-            app:chipBackgroundColor="@{data.current_waiting == 0 ? @color/gray_600 : @color/primary }"
-            app:chipStrokeColor="@android:color/transparent"
+            android:text="@{storeData.currentWaiting == 0 ? @string/popular_store_no_waiting_team : @string/popular_store_waiting_team(storeData.currentWaiting) }"
+            android:textColor="@{storeData.currentWaiting == 0 ? @color/gray_200 : @color/white }"
+            app:chipBackgroundColor="@{storeData.currentWaiting == 0 ? @color/gray_600 : @color/primary }"
             app:layout_constraintStart_toStartOf="@id/iv_popular_store"
             app:layout_constraintTop_toTopOf="@id/iv_popular_store"
             tools:text="대기 14팀" />
@@ -62,7 +59,7 @@
             android:layout_height="wrap_content"
             android:layout_marginStart="12dp"
             android:layout_marginTop="12dp"
-            android:text="@{data.name}"
+            android:text="@{storeData.name}"
             android:textAppearance="@style/TextAppearance.Body1.SemiBold"
             android:textColor="@color/gray_400"
             app:layout_constraintStart_toEndOf="@id/iv_popular_store"
@@ -85,7 +82,7 @@
             android:layout_height="wrap_content"
             android:layout_marginStart="3dp"
             android:layout_marginTop="1dp"
-            android:text="@{String.valueOf(data.average_star)}"
+            android:text="@{String.valueOf(storeData.averageStar)}"
             android:textAppearance="@style/TextAppearance.Body2.Regular"
             android:textColor="@color/gray_800"
             app:layout_constraintStart_toEndOf="@id/ic_popular_store_star"
@@ -97,7 +94,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="1dp"
-            android:text="@{String.valueOf(data.review_count)}"
+            android:text="@{storeData.reviewCount > 300 ? @string/popular_store_review_count_over : @string/popular_store_review_count(storeData.reviewCount) }"
             android:textAppearance="@style/TextAppearance.Body2.Regular"
             android:textColor="@color/gray_800"
             app:layout_constraintStart_toEndOf="@id/tv_popular_store_review"
@@ -110,7 +107,7 @@
             android:layout_height="wrap_content"
             android:layout_marginStart="12dp"
             android:layout_marginTop="1dp"
-            android:text="@{data.shop_category}"
+            android:text="@{storeData.shopCategory}"
             android:textAppearance="@style/TextAppearance.Body2.Regular"
             android:textColor="@color/gray_200"
             app:layout_constraintStart_toEndOf="@id/iv_popular_store"
@@ -132,7 +129,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginStart="1dp"
-            android:text="@{data.short_address}"
+            android:text="@{storeData.shortAddress}"
             android:textAppearance="@style/TextAppearance.Body2.Regular"
             android:textColor="@color/gray_200"
             app:layout_constraintBottom_toBottomOf="@id/tv_popular_store_food_type"
@@ -148,14 +145,14 @@
             android:layout_marginTop="1dp"
             app:layout_constraintStart_toEndOf="@id/iv_popular_store"
             app:layout_constraintTop_toBottomOf="@id/tv_popular_store_food_type"
-            app:srcCompat="@drawable/ic_people_grey_24px" />
+            app:srcCompat="@drawable/ic_people_grey_100_24px" />
 
         <TextView
-            android:id="@+id/tv_popular_store_1"
+            android:id="@+id/tv_popular_store_avg"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="1dp"
-            android:text="@string/item_popular_store_avg"
+            android:text="@string/popular_store_avg"
             android:textAppearance="@style/TextAppearance.Caption1.Regular"
             android:textColor="@color/gray_300"
             app:layout_constraintBottom_toBottomOf="@id/ic_popular_store_people"
@@ -167,19 +164,19 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginStart="4dp"
-            android:text="@{String.valueOf(data.average_waiting)}"
+            android:text="@{String.valueOf(storeData.averageWaiting)}"
             android:textAppearance="@style/TextAppearance.Caption1.SemiBold"
             android:textColor="@color/gray_600"
             app:layout_constraintBottom_toBottomOf="@id/ic_popular_store_people"
-            app:layout_constraintStart_toEndOf="@id/tv_popular_store_1"
+            app:layout_constraintStart_toEndOf="@id/tv_popular_store_avg"
             app:layout_constraintTop_toTopOf="@id/ic_popular_store_people"
             tools:text="4753" />
 
         <TextView
-            android:id="@+id/tv_popular_store_2"
+            android:id="@+id/tv_popular_store_wait"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:text="@string/item_popular_store_wait"
+            android:text="@string/popular_store_wait"
             android:textAppearance="@style/TextAppearance.Caption1.Regular"
             android:textColor="@color/gray_300"
             app:layout_constraintBottom_toBottomOf="@id/ic_popular_store_people"
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index e0054e8..4db9e22 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -2,7 +2,7 @@
 <resources>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
-    <color name="white_0">#00FFFFFF</color>
+    <color name="transparent_white">#00FFFFFF</color>
 
     <!--primary-->
     <color name="primary">#F85A40</color>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 32fc005..be617d7 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -8,11 +8,13 @@
     <string name="area_seoul_apgujeong">압구정/청담</string>
     <string name="area_seoul_samsung">선릉/삼성</string>
     <string name="area_seoul_seocho">서초/방배</string>
-    <string name="popular_store_text1">일 평균 대기인원</string>
-    <string name="popular_store_text2">을 기준으로 선정한</string>
+    <string name="popular_store_avg_personnel">일 평균 대기인원</string>
+    <string name="popular_store_standard">을 기준으로 선정한</string>
     <string name="popular_store_BEST">인기 매장 BEST</string>
-    <string name="item_popular_store_avg">일 평균</string>
-    <string name="item_popular_store_wait">명 대기</string>
-    <string name="item_popular_store_waiting">대기 %d팀</string>
-    <string name="item_popular_store_no_waiting">대기없음</string>
+    <string name="popular_store_review_count">(%d)</string>
+    <string name="popular_store_review_count_over">(300+)</string>
+    <string name="popular_store_avg">일 평균</string>
+    <string name="popular_store_wait">명 대기</string>
+    <string name="popular_store_waiting_team">대기 %d팀</string>
+    <string name="popular_store_no_waiting_team">대기없음</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 9fa8026..7dc0da5 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -69,6 +69,8 @@
     <style name="Widget.Material3.Chip.Style.Radius99.Pick" parent="Widget.Material3.Chip.Style.Radius99">
         <item name="android:paddingVertical">7dp</item>
         <item name="chipStrokeColor">@color/gray_100</item>
+        <item name="textStartPadding">12dp</item>
+        <item name="textEndPadding">12dp</item>
         <item name="chipStrokeWidth">0.8dp</item>
         <item name="android:textAppearance">@style/TextAppearance.Caption1.SemiBold</item>
         <item name="android:textColor">@color/gray_400</item>
@@ -85,4 +87,10 @@
         <item name="chipBackgroundColor">@color/selector_popular_store_chip_background</item>
     </style>
 
+    <style name="Style.Material3.Chip.Suggestion.Waiting.Item" parent="Widget.Material3.Chip.Style">
+        <item name="android:textAppearance">@style/TextAppearance.Caption2</item>
+        <item name="chipStrokeColor">@android:color/transparent</item>
+        <item name="android:checkable">false</item>
+    </style>
+
 </resources>
\ No newline at end of file