From 723fe6b90c6fd4f9b37ac72499b21fab164f267a Mon Sep 17 00:00:00 2001
From: klaus <klaus@vividnext.co.kr>
Date: Thu, 30 Apr 2026 12:47:44 +0900
Subject: [PATCH] =?UTF-8?q?feat(chat-ui):=20=EC=B1=84=ED=8C=85=20=EC=BF=BC?=
 =?UTF-8?q?=ED=84=B0=20=EB=B6=80=EC=A1=B1=20=EC=95=88=EB=82=B4=20=EB=A6=AC?=
 =?UTF-8?q?=EC=86=8C=EC=8A=A4=EB=A5=BC=20=EA=B4=91=EA=B3=A0=20=EA=B5=AC?=
 =?UTF-8?q?=EB=A7=A4=20UI=EB=A1=9C=20=EB=B0=94=EA=BE=BC=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../res/layout/item_chat_quota_notice.xml     | 172 ++++++++++++------
 app/src/main/res/values-en/strings.xml        |  11 +-
 app/src/main/res/values-ja/strings.xml        |  11 +-
 app/src/main/res/values/strings.xml           |  11 +-
 4 files changed, 144 insertions(+), 61 deletions(-)

diff --git a/app/src/main/res/layout/item_chat_quota_notice.xml b/app/src/main/res/layout/item_chat_quota_notice.xml
index c89fb85b..b19bb9b0 100644
--- a/app/src/main/res/layout/item_chat_quota_notice.xml
+++ b/app/src/main/res/layout/item_chat_quota_notice.xml
@@ -1,81 +1,149 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
     android:paddingVertical="20dp">
 
     <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="120dp"
-        android:background="@drawable/bg_chat_notice_quota"
-        android:gravity="center"
-        android:orientation="vertical">
-
-        <ImageView
-            android:id="@+id/iv_icon"
-            android:layout_width="30dp"
-            android:layout_height="30dp"
-            android:contentDescription="@null"
-            android:src="@drawable/ic_time" />
-
-        <TextView
-            android:id="@+id/tv_time"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="8dp"
-            android:fontFamily="@font/bold"
-            android:textColor="@color/white"
-            android:textSize="18sp"
-            tools:text="--:--:--" />
-
-        <TextView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="8dp"
-            android:fontFamily="@font/bold"
-            android:text="@string/chat_quota_notice_message"
-            android:textColor="@color/white"
-            android:textSize="18sp" />
-
-    </LinearLayout>
-
-    <LinearLayout
-        android:id="@+id/ll_purchase"
+        android:id="@+id/ll_rewarded_ad"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginTop="10dp"
-        android:background="@drawable/bg_buy_button"
+        android:background="@drawable/bg_chat_quota_rewarded_ad_button"
         android:gravity="center"
         android:orientation="horizontal"
         android:paddingVertical="12dp">
 
-        <ImageView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginEnd="4dp"
-            android:contentDescription="@null"
-            android:src="@drawable/ic_can" />
-
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:fontFamily="@font/bold"
             android:includeFontPadding="false"
-            android:text="@string/chat_quota_price"
-            android:textColor="#263238"
+            android:text="@string/chat_quota_rewarded_ad_label"
+            android:textColor="@color/color_37474f"
             android:textSize="24sp" />
 
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginStart="4dp"
-            android:fontFamily="@font/bold"
+            android:layout_marginHorizontal="4dp"
+            android:fontFamily="@font/medium"
             android:includeFontPadding="false"
-            android:text="@string/chat_quota_purchase_cta"
-            android:textColor="#263238"
+            android:text="@string/chat_quota_separator"
+            android:textColor="@color/color_37474f"
+            android:textSize="18sp" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/medium"
+            android:includeFontPadding="false"
+            android:text="@string/chat_quota_rewarded_ad_chat_count"
+            android:textColor="@color/color_37474f"
             android:textSize="18sp" />
     </LinearLayout>
 
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:baselineAligned="false"
+        android:gravity="center"
+        android:orientation="horizontal">
+
+        <LinearLayout
+            android:id="@+id/ll_purchase_10_can"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="4dp"
+            android:layout_weight="1"
+            android:background="@drawable/bg_buy_button"
+            android:gravity="center"
+            android:orientation="horizontal"
+            android:paddingVertical="12dp">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="4dp"
+                android:contentDescription="@null"
+                android:src="@drawable/ic_can" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/bold"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_10_can"
+                android:textColor="@color/color_37474f"
+                android:textSize="24sp" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="4dp"
+                android:fontFamily="@font/medium"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_separator"
+                android:textColor="@color/color_37474f"
+                android:textSize="18sp" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/medium"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_10_can_chat_count"
+                android:textColor="@color/color_37474f"
+                android:textSize="18sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/ll_purchase_20_can"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="4dp"
+            android:layout_weight="1"
+            android:background="@drawable/bg_buy_button"
+            android:gravity="center"
+            android:orientation="horizontal"
+            android:paddingVertical="12dp">
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="4dp"
+                android:contentDescription="@null"
+                android:src="@drawable/ic_can" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/bold"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_20_can"
+                android:textColor="@color/color_37474f"
+                android:textSize="24sp" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginHorizontal="4dp"
+                android:fontFamily="@font/medium"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_separator"
+                android:textColor="@color/color_37474f"
+                android:textSize="18sp" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/medium"
+                android:includeFontPadding="false"
+                android:text="@string/chat_quota_20_can_chat_count"
+                android:textColor="@color/color_37474f"
+                android:textSize="18sp" />
+        </LinearLayout>
+    </LinearLayout>
+
 </LinearLayout>
diff --git a/app/src/main/res/values-en/strings.xml b/app/src/main/res/values-en/strings.xml
index 41be8b14..d7735ab5 100644
--- a/app/src/main/res/values-en/strings.xml
+++ b/app/src/main/res/values-en/strings.xml
@@ -56,9 +56,14 @@
     <string name="chat_background_picker_title">Select background image</string>
     <string name="chat_background_current_label">Current</string>
     <string name="chat_unlock_image_hint">Tap to unlock</string>
-    <string name="chat_quota_notice_message">Free access will be available if you wait.</string>
-    <string name="chat_quota_price">10</string>
-    <string name="chat_quota_purchase_cta">(12 chats) Start chatting now</string>
+    <string name="chat_quota_rewarded_ad_label">Ad</string>
+    <string name="chat_quota_rewarded_ad_chat_count">5 chats</string>
+    <string name="chat_quota_10_can">10</string>
+    <string name="chat_quota_10_can_chat_count">15 chats</string>
+    <string name="chat_quota_20_can">20</string>
+    <string name="chat_quota_20_can_chat_count">40 chats</string>
+    <string name="chat_quota_separator">/</string>
+    <string name="chat_quota_rewarded_ad_unavailable">Unable to load the ad.</string>
     <string name="chat_more_title">Chat settings</string>
     <string name="chat_more_background_label">Background image</string>
     <string name="chat_more_background_change">Change background image</string>
diff --git a/app/src/main/res/values-ja/strings.xml b/app/src/main/res/values-ja/strings.xml
index 811d5cc4..a08ff34b 100644
--- a/app/src/main/res/values-ja/strings.xml
+++ b/app/src/main/res/values-ja/strings.xml
@@ -56,9 +56,14 @@
     <string name="chat_background_picker_title">背景画像を選択</string>
     <string name="chat_background_current_label">現在の背景</string>
     <string name="chat_unlock_image_hint">タップしてアンロック</string>
-    <string name="chat_quota_notice_message">待てば無料で利用できます。</string>
-    <string name="chat_quota_price">10</string>
-    <string name="chat_quota_purchase_cta">(チャット12回) すぐに開始</string>
+    <string name="chat_quota_rewarded_ad_label">広告</string>
+    <string name="chat_quota_rewarded_ad_chat_count">5チャット</string>
+    <string name="chat_quota_10_can">10</string>
+    <string name="chat_quota_10_can_chat_count">15チャット</string>
+    <string name="chat_quota_20_can">20</string>
+    <string name="chat_quota_20_can_chat_count">40チャット</string>
+    <string name="chat_quota_separator">/</string>
+    <string name="chat_quota_rewarded_ad_unavailable">広告を読み込めませんでした。</string>
     <string name="chat_more_title">トーク設定</string>
     <string name="chat_more_background_label">背景画像</string>
     <string name="chat_more_background_change">背景画像の変更</string>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 3bfae0d0..f06c16b6 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -56,9 +56,14 @@
     <string name="chat_background_picker_title">배경 이미지 선택</string>
     <string name="chat_background_current_label">현재 배경</string>
     <string name="chat_unlock_image_hint">눌러서 잠금해제</string>
-    <string name="chat_quota_notice_message">기다리면 무료 이용이 가능합니다.</string>
-    <string name="chat_quota_price">10</string>
-    <string name="chat_quota_purchase_cta">(채팅 12개) 바로 대화 시작</string>
+    <string name="chat_quota_rewarded_ad_label">광고</string>
+    <string name="chat_quota_rewarded_ad_chat_count">5채팅</string>
+    <string name="chat_quota_10_can">10</string>
+    <string name="chat_quota_10_can_chat_count">15채팅</string>
+    <string name="chat_quota_20_can">20</string>
+    <string name="chat_quota_20_can_chat_count">40채팅</string>
+    <string name="chat_quota_separator">/</string>
+    <string name="chat_quota_rewarded_ad_unavailable">광고를 불러오지 못했어요.</string>
     <string name="chat_more_title">대화 설정</string>
     <string name="chat_more_background_label">배경 이미지</string>
     <string name="chat_more_background_change">배경 이미지 변경</string>