From a67c113fa8f34cabf172076c9a32044701a10fdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AA=85=EC=84=9D?= <audxo112@naver.com>
Date: Sat, 18 Feb 2023 09:44:51 +0900
Subject: [PATCH] =?UTF-8?q?Issues=20#287=20feat:=20home=20design=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../drawable/bg_on_surface_12_corner_2.xml    |  9 ++++
 .../main/res/layout/item_gifticon_loading.xml | 46 ++++++++++++++++++-
 .../src/main/res/layout/section_card_list.xml |  4 +-
 .../src/main/res/layout/section_map_empty.xml |  2 +-
 .../main/res/layout/section_map_loading.xml   |  2 +-
 .../ui-home/src/main/res/values/dimens.xml    |  3 +-
 .../ui-home/src/main/res/values/styles.xml    |  8 ++--
 7 files changed, 64 insertions(+), 10 deletions(-)
 create mode 100644 features/ui-home/src/main/res/drawable/bg_on_surface_12_corner_2.xml

diff --git a/features/ui-home/src/main/res/drawable/bg_on_surface_12_corner_2.xml b/features/ui-home/src/main/res/drawable/bg_on_surface_12_corner_2.xml
new file mode 100644
index 000000000..219684ba3
--- /dev/null
+++ b/features/ui-home/src/main/res/drawable/bg_on_surface_12_corner_2.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid android:color="@color/on_surface_12" />
+
+    <corners
+        android:radius="2dp"/>
+</shape>
\ No newline at end of file
diff --git a/features/ui-home/src/main/res/layout/item_gifticon_loading.xml b/features/ui-home/src/main/res/layout/item_gifticon_loading.xml
index 6d1875ce3..11c18ec40 100644
--- a/features/ui-home/src/main/res/layout/item_gifticon_loading.xml
+++ b/features/ui-home/src/main/res/layout/item_gifticon_loading.xml
@@ -10,7 +10,7 @@
             android:layout_width="match_parent"
             android:layout_height="match_parent">
 
-            <com.google.android.material.imageview.ShapeableImageView
+            <View
                 android:id="@+id/iv_product"
                 android:layout_width="0dp"
                 android:layout_height="0dp"
@@ -20,6 +20,50 @@
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent" />
 
+            <View
+                android:id="@+id/tv_title"
+                android:layout_width="60dp"
+                android:layout_height="16dp"
+                android:background="@drawable/bg_on_surface_12_corner_2"
+                android:layout_marginHorizontal="6dp"
+                android:layout_marginTop="6dp"
+                app:layout_constraintHorizontal_bias="0"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/iv_product"/>
+
+            <View
+                android:id="@+id/tv_body"
+                android:layout_width="120dp"
+                android:layout_height="19dp"
+                android:background="@drawable/bg_on_surface_12_corner_2"
+                android:layout_marginTop="2dp"
+                android:layout_marginHorizontal="6dp"
+                app:layout_constraintHorizontal_bias="0"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/tv_title"/>
+
+            <View
+                android:id="@+id/tv_distance"
+                android:layout_width="40dp"
+                android:layout_height="19dp"
+                android:background="@drawable/bg_on_surface_12_corner_2"
+                android:layout_marginHorizontal="6dp"
+                app:layout_constraintTop_toTopOf="@id/tv_expire_at"
+                app:layout_constraintBottom_toBottomOf="@id/tv_expire_at"
+                app:layout_constraintStart_toStartOf="parent"/>
+
+            <View
+                android:id="@+id/tv_expire_at"
+                android:layout_width="80dp"
+                android:layout_height="16dp"
+                android:background="@drawable/bg_on_surface_12_corner_2"
+                android:layout_marginVertical="8dp"
+                android:layout_marginHorizontal="6dp"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"/>
+
         </androidx.constraintlayout.widget.ConstraintLayout>
     </com.google.android.material.card.MaterialCardView>
 </layout>
diff --git a/features/ui-home/src/main/res/layout/section_card_list.xml b/features/ui-home/src/main/res/layout/section_card_list.xml
index dce3c30a3..c32348350 100644
--- a/features/ui-home/src/main/res/layout/section_card_list.xml
+++ b/features/ui-home/src/main/res/layout/section_card_list.xml
@@ -6,10 +6,10 @@
     <androidx.recyclerview.widget.RecyclerView
         android:id="@+id/rv_card"
         android:layout_width="match_parent"
-        android:layout_height="@dimen/card_height"
+        android:layout_height="@dimen/card_container_height"
         android:orientation="horizontal"
         android:paddingHorizontal="16dp"
         android:clipToPadding="true"
         app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-        tools:listitem="@layout/item_gifticon"/>
+        tools:listitem="@layout/item_gifticon_loading"/>
 </layout>
diff --git a/features/ui-home/src/main/res/layout/section_map_empty.xml b/features/ui-home/src/main/res/layout/section_map_empty.xml
index 16ef4e5e9..6e760cb0e 100644
--- a/features/ui-home/src/main/res/layout/section_map_empty.xml
+++ b/features/ui-home/src/main/res/layout/section_map_empty.xml
@@ -4,7 +4,7 @@
 
     <TextView
         android:layout_width="match_parent"
-        android:layout_height="@dimen/card_height"
+        android:layout_height="@dimen/card_container_height"
         android:gravity="center"
         android:textAppearance="@style/BEEP.TextStyle.Body1"
         android:text="@string/empty_near_brands"/>
diff --git a/features/ui-home/src/main/res/layout/section_map_loading.xml b/features/ui-home/src/main/res/layout/section_map_loading.xml
index 54b15b27c..e2337085f 100644
--- a/features/ui-home/src/main/res/layout/section_map_loading.xml
+++ b/features/ui-home/src/main/res/layout/section_map_loading.xml
@@ -6,7 +6,7 @@
     <com.facebook.shimmer.ShimmerFrameLayout
         android:id="@+id/shimmer"
         android:layout_width="match_parent"
-        android:layout_height="@dimen/card_height"
+        android:layout_height="@dimen/card_container_height"
         android:layout_marginStart="16dp"
         android:layout_marginEnd="16dp"
         app:shimmer_auto_start="true">
diff --git a/features/ui-home/src/main/res/values/dimens.xml b/features/ui-home/src/main/res/values/dimens.xml
index b69173543..9b62d9c5b 100644
--- a/features/ui-home/src/main/res/values/dimens.xml
+++ b/features/ui-home/src/main/res/values/dimens.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <dimen name="card_width">160dp</dimen>
-    <dimen name="card_height">250dp</dimen>
+    <dimen name="card_height">240dp</dimen>
+    <dimen name="card_container_height">250dp</dimen>
 </resources>
\ No newline at end of file
diff --git a/features/ui-home/src/main/res/values/styles.xml b/features/ui-home/src/main/res/values/styles.xml
index 7f8e9463d..e5810869b 100644
--- a/features/ui-home/src/main/res/values/styles.xml
+++ b/features/ui-home/src/main/res/values/styles.xml
@@ -2,12 +2,12 @@
 <resources>
 
     <style name="BEEP.GifticonCard" parent="">
-        <item name="android:layout_width">160dp</item>
-        <item name="android:layout_height">250dp</item>
+        <item name="android:layout_width">@dimen/card_width</item>
+        <item name="android:layout_height">@dimen/card_height</item>
         <item name="android:layout_marginStart">4dp</item>
         <item name="android:layout_marginEnd">4dp</item>
-        <item name="android:layout_marginTop">5dp</item>
-        <item name="android:layout_marginBottom">5dp</item>
+        <item name="android:layout_marginTop">6dp</item>
+        <item name="android:layout_marginBottom">6dp</item>
         <item name="cardCornerRadius">4dp</item>
     </style>
 </resources>
\ No newline at end of file