From 4e7501d962b0cf74fe7945d50fe3672c07b945da Mon Sep 17 00:00:00 2001
From: gracia <hotmauligracia@gmail.com>
Date: Sun, 9 Feb 2025 19:20:15 +0700
Subject: [PATCH] ui toko saya activity done

---
 app/src/main/res/drawable/bg_sells_menu.xml   |   8 +
 app/src/main/res/drawable/ic_chat_bubble.png  | Bin 0 -> 436 bytes
 app/src/main/res/drawable/ic_inbox.png        | Bin 0 -> 743 bytes
 app/src/main/res/drawable/ic_settings.png     | Bin 0 -> 2002 bytes
 app/src/main/res/drawable/ic_star.png         | Bin 0 -> 1502 bytes
 .../main/res/layout/activity_toko_saya.xml    | 321 ++++++++++++++++++
 app/src/main/res/values/colors.xml            |   1 +
 7 files changed, 330 insertions(+)
 create mode 100644 app/src/main/res/drawable/bg_sells_menu.xml
 create mode 100644 app/src/main/res/drawable/ic_chat_bubble.png
 create mode 100644 app/src/main/res/drawable/ic_inbox.png
 create mode 100644 app/src/main/res/drawable/ic_settings.png
 create mode 100644 app/src/main/res/drawable/ic_star.png

diff --git a/app/src/main/res/drawable/bg_sells_menu.xml b/app/src/main/res/drawable/bg_sells_menu.xml
new file mode 100644
index 0000000..fcf8e34
--- /dev/null
+++ b/app/src/main/res/drawable/bg_sells_menu.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid android:color="@color/light_gray" />
+    <corners android:radius="5dp" />
+
+</shape>
diff --git a/app/src/main/res/drawable/ic_chat_bubble.png b/app/src/main/res/drawable/ic_chat_bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..66fb540d2b64c3d5aeb4693c467f9c819e29fa75
GIT binary patch
literal 436
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw1|+Ti+$;i8oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~!moTsOYV@L(#+gpZVha3cseVlpJ@2HfJf%{3p
z9gTMmD0i4&IOn&c(Y?cc!)B4Qc3Bg{lD^sIrihz`%slyh^{2A-NB(h>loXj51X{l5
z^06)Md^z*=F9UT+u2tK(v+bWPY>dlDo{?sL?1OXdjEORmhW_V%i+|brujU(XMf2no
zlhkL{LS3DoH(&mDI&E{^-~H)-_8Ww&+<Cur$8Nb9=RNn`*<Rr^F=uB=)<%`RYm%Pv
zl=3ufb>2|MagFcbEyW0HmhAR~w*qTq(FDc+e*19VK+^u2{^{i^A&ZT5bhdrabz|?g
z-YlwLbNb@JNl7zTMQ7iCwr}sT>jkGpZ|CoeUpvizVdLWFyZa-iy*Czmw&M7tD-p{J
zH#~`09=PF4g!(_dwF=idxvmMlmf^W3^7;+$H8JTYc8|R;f9%<{D0m|SL+&?b(fANA
UiOPg_U?4Miy85}Sb4q9e0I0pYp8x;=

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/ic_inbox.png b/app/src/main/res/drawable/ic_inbox.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a772c1421f60777c0d51d827e1fd818e2cc5039
GIT binary patch
literal 743
zcmV<D0vP>?P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0(?nCK~#7F?V3?;
z(?Af0XYGK53e>z+wVQ5lP)>lk0o))r2%I3!8*j8HAV=T`?i+9P25gZXRpMn^8VNz|
zWt{q@YPz=DZnWOcCq<EVXA}SS%y_jk00co01Yr%Vtzi)GU}K{kDFy*p1XD^Bg`b|D
z3en2GjZrk@V^yjHuowj@nP)$zO?G~h!FI$apwuU@90n|Y{$lg&;`iA%y`6@wEzbRc
z`T_kxE-u)fltSKS;OSQTei1{z2%ce{(HRVMlZr9E!Ua-{mm{zMbmKSp6<-@`NUB=F
ztEj|ca!9}ewxeNE#cr219y~Hgu<MXu*CD~KLxNq01iKCib{!JzIwaV2NU-aWVAtt<
zYKf<WlQ7zyw6iVVW?7a(2f~o=W5MV<7{cfiR^Yd~G1n=_U=Y(T9pl+?YthR(7GonY
zi18T45J=jH4tIv18CC$nFr8!gE>xn!o!t?X<@7I<$G`IYxEjY=9ryp0@4#bY^nVU(
z;4Y<>sjk!#MZ*IHY`kJ22j+cwicW<|?`rH)EsH@ow-S8f(@gVUb*ZIOo_KJV#tZy_
z7kUWyMjd7bYFI{M_)0Wutj6Dh#Iohb9Df50U@U26nMjIDwucV;wZpO$*SyYiVXVEv
zXws@1P2N|X1m2(=)%Dzc{48s@N`b%-7C3%17{E-3c8w|bVJ%s@7M_3w&|bQU$}Owc
z0a!pCBAw6*W}YXZyz!EZyS5pu6Q(?&o7cMZ6Axz4Gl~LI-MqFjO-lJ^^X03mktc>8
zQ0>g-^AqiBu(1>G{9LBJ5M6Cn@{`7n!Pd>C%dR{hV#P`h7J)G<7Ymr_y6*^rAPB-z
Z{sT3m!OCcM+<yQ7002ovPDHLkV1iYSP2~Up

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/ic_settings.png b/app/src/main/res/drawable/ic_settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..579a0965b9c0fbccf2a1aa6b821bdd6879e30a83
GIT binary patch
literal 2002
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/ic_star.png b/app/src/main/res/drawable/ic_star.png
new file mode 100644
index 0000000000000000000000000000000000000000..917ac62d2667b1cc302626055ed8f4c1197a4ae5
GIT binary patch
literal 1502
zcmV<41tI#0P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1#?M6K~#7F?OH!m
z+(s0CZ}*%r|3wGB14NfDp-ZZW&Zz=rD&tRp`2^rDolTci;4Y~kpMZ0hj&qmJg4}^;
zQbdNsLwratZ|@G~EUko2((PqD_nXlm?dr7q_PzbRKMTMJBaAS@2qXM&AYllwZQBB{
z9$sI2*I*a|hJaSfUmKeUHed)CiohVmwm^IWLx6FC=PI@X1UBD(U8z(YFbv}YOA78Z
zOCYzwFc1u4ZqBx4iQe|MT{Usm^IQ)M!Kj9%3?dpGpA4RXL6|jZfljyy0XHp6xhX?a
z07EF37dE<N6^3QfMVZquip{t#c2PfoAs7+3?TXk9CA{L8a#2PE?sY|R2taOv0Sw$N
z>0D79Ot`3lYnWZpTDXk}T>cXg%!G>?yh#g;m?{D8sw>>CToep?Ixs-Qxgzr6@QV_>
zgs7IS`T2!47$63#VH8oaBHDlV&Q<XE{`YXVkYb=(&O}<wL$=>)S*1YOB*2n@7BAfr
zcUeSeA#0WR9x<xjkAy3KH{6=Kudur!pri0RYLBDRKB|jcZt}S8eL#HQc?KwzT(xe{
zC$s`HvpS*_I6UE{&J57z0d0O(Az+>`u-d4ftoAmPD@#gX2eLyghR1Vrd6D@qspk{&
zsdj$;*J1eOQp`tO7E+m`ecOOVI55Ij+BPHyvcu{s!p6?`6f3$!Vqf>Nb`PsP7Wk+%
zQG<e@%(T&P_rvWE9)Qw9alV(J_TdUwlnlD=*dkuD>3NqI?|+$@o|$F+egj#@@A_PJ
zInOUIy~qN3o_9SxHTy4{<Ck4cWe3r#t1IziQt*<>P?=nIm|SA36Fk{NBzz6v^B$6}
z+Ec7K&&@z8Dpj1A=<tQQf`ADS113UFFfcwIN1*5R`svPn-%q_W%Vql+@3j|k{mh_S
z=Z({sFaVSn?I%2d`nKKz2)B5<q#8SQU7F4D4{K)j4Qul;KRyiiBjV$!=^5Z{@EQt4
zWzpVbVSm<*37xI-Jq!CQq(onZ_=^kg&x!Hb-`LdFbo-45cZwAHQN`Zoefg8FPjLei
z>$hiTZePTjE%4yTLr6N(1s3he@SgtA#HU#^AGMFiCxRDjH5;HGpyvCy9>>H<$n0I!
zammdM?XhrcF<*B57OwU?sct%X0PzKbDyNa_Sr;>RIFZQUEcDeSuB4ruTEv!5$1$}p
z2JJTLr@2zdLJ9y$LUSnD*BBgX{sW-nhjeb|J`|EI)$8t#T76Ad75Ybngo+YYp}6#r
zU`EsU2Kq+yH*}lC6oBFcMvRaQLU5>iHL36}kgA%GJ5Ue`5x8@}9c9&KvlKDUIWEUe
zOwn<9Vd<@|x*?^kMh0LKE9!Kj5P^N)cfxHP7}R>%S-BgP`$~{UZ5HN>s~ZR9^5UNA
zyM0epLb?gZCm0*cl{4R=5P<{Iof*-cb{|z1x7oKIgD%nM;6gs2qxtgUox5Sik3?!h
z2GQSUKp}2PTeTp3>f?<oQSQb2)yQnx!HSe@F(~#zy^(5378E5gMH<<plhU~)@T3kk
z5uC>n)^grLeQuNPo*PAxEUb2)-XbPkwI(NTGA&>)atka)zgnbSrKxrai7OQS{L&{e
ze1Vy<(jIkIIelDJv9K~rl~gnuryKqaE+=Wb7o43rkP}6)^nI)DwJQ=#I2?jj!<|a-
zv&PA?BDwnn=LP!?aw3<&T=r4ICIkc>^G#EJQ5DS;W^T<dFXsv~b86U+%~^ZR7g8dX
znSb=xAqR2_95Jy(^G%B+GZzBBf*i;v@FxjFdh<;Sy_x4rBr*pccPINCU~uheE00Fg
zK=B2KoCm6oX8NDm+E6Ed?OL^As4=@_Il>4djPUv6KT*DD`~tkDfdBvi07*qoM6N<$
Ef)5h8EdT%j

literal 0
HcmV?d00001

diff --git a/app/src/main/res/layout/activity_toko_saya.xml b/app/src/main/res/layout/activity_toko_saya.xml
index 242629b..c1d069a 100644
--- a/app/src/main/res/layout/activity_toko_saya.xml
+++ b/app/src/main/res/layout/activity_toko_saya.xml
@@ -148,6 +148,7 @@
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="Penjualan"
+                        android:layout_marginTop="16dp"
                         style="@style/body_large"
                         android:layout_centerVertical="true"/>
 
@@ -173,8 +174,328 @@
 
                 </RelativeLayout>
 
+                <LinearLayout
+                    android:id="@+id/layout_sells_menu"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:layout_marginVertical="16dp"
+                    app:layout_constraintTop_toBottomOf="@id/layout_sells_title"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent">
+
+                    <LinearLayout
+                        android:id="@+id/layout_perlu_tagihan"
+                        android:layout_width="0dp"
+                        android:layout_height="68dp"
+                        android:layout_weight="1"
+                        android:layout_marginEnd="8dp"
+                        android:background="@drawable/bg_sells_menu"
+                        android:orientation="vertical"
+                        android:gravity="center">
+
+                        <TextView
+                            style="@style/headline_small"
+                            android:id="@+id/tv_num_perlu_tagihan"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="0"
+                            android:fontFamily="@font/dmsans_bold"/>
+
+                        <TextView
+                            style="@style/label_small"
+                            android:id="@+id/tv_perlu_tagihan"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Perlu Tagihan"/>
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/layout_pembayaran"
+                        android:layout_width="0dp"
+                        android:layout_height="68dp"
+                        android:layout_weight="1"
+                        android:layout_marginEnd="8dp"
+                        android:background="@drawable/bg_sells_menu"
+                        android:orientation="vertical"
+                        android:gravity="center">
+
+                        <TextView
+                            style="@style/headline_small"
+                            android:id="@+id/tv_num_pembayaran"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="0"
+                            android:fontFamily="@font/dmsans_bold"/>
+
+                        <TextView
+                            style="@style/label_small"
+                            android:id="@+id/tv_pembayaran"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Pembayaran"/>
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:id="@+id/layout_perlu_dikirim"
+                        android:layout_width="0dp"
+                        android:layout_height="68dp"
+                        android:layout_weight="1"
+                        android:background="@drawable/bg_sells_menu"
+                        android:orientation="vertical"
+                        android:gravity="center">
+
+                        <TextView
+                            style="@style/headline_small"
+                            android:id="@+id/tv_num_perlu_dikirim"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="0"
+                            android:fontFamily="@font/dmsans_bold"/>
+
+                        <TextView
+                            style="@style/label_small"
+                            android:id="@+id/tv_perlu_dikirim"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Perlu Dikirim"/>
+
+                    </LinearLayout>
+
+                </LinearLayout>
+
             </androidx.constraintlayout.widget.ConstraintLayout>
 
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="8dp"
+                android:background="@color/black_50"/>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/layout_product"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_safe_area"
+                android:paddingVertical="@dimen/vertical_safe_area">
+
+                <TextView
+                    android:id="@+id/tv_product_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:text="Produk"
+                    style="@style/body_large"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"/>
+
+                <RelativeLayout
+                    android:id="@+id/layout_product_menu"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:layout_marginTop="16dp"
+                    app:layout_constraintTop_toBottomOf="@id/tv_product_title"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <LinearLayout
+                        android:id="@+id/layout_product_title"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical">
+
+                        <TextView
+                            style="@style/label_large"
+                            android:id="@+id/tv_product"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Produk Saya"/>
+
+                        <TextView
+                            style="@style/label_small"
+                            android:id="@+id/tv_num_product"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="0 Produk"
+                            android:textColor="@color/black_300"/>
+
+                    </LinearLayout>
+
+                    <ImageView
+                        android:id="@+id/iv_products"
+                        android:layout_width="20dp"
+                        android:layout_height="20dp"
+                        android:src="@drawable/ic_navigate_next"
+                        android:layout_alignParentEnd="true"
+                        android:layout_centerVertical="true"/>
+
+                </RelativeLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:id="@+id/line_product_menu"
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:background="@color/black_50"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/layout_product_menu"/>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/layout_buyers_message"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_safe_area"
+                android:paddingVertical="@dimen/vertical_safe_area">
+
+                <TextView
+                    android:id="@+id/tv_buyers_message_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:text="Kata Pembeli"
+                    style="@style/body_large"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"/>
+
+                <LinearLayout
+                    android:id="@+id/layout_review"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:paddingVertical="9dp"
+                    android:gravity="center_vertical"
+                    android:layout_marginTop="16dp"
+                    app:layout_constraintTop_toBottomOf="@id/tv_buyers_message_title"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                        <ImageView
+                            android:id="@+id/iv_review"
+                            android:layout_width="20dp"
+                            android:layout_height="20dp"
+                            android:src="@drawable/ic_star"/>
+
+                        <TextView
+                            style="@style/label_medium_prominent"
+                            android:id="@+id/tv_review"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:text="Ulasan"
+                            android:layout_marginStart="16dp" />
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/layout_inbox"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:paddingVertical="9dp"
+                    android:gravity="center_vertical"
+                    app:layout_constraintTop_toBottomOf="@id/layout_review"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <ImageView
+                        android:id="@+id/iv_inbox"
+                        android:layout_width="20dp"
+                        android:layout_height="20dp"
+                        android:src="@drawable/ic_inbox"/>
+
+                    <TextView
+                        style="@style/label_medium_prominent"
+                        android:id="@+id/tv_inbox"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="Pesan"
+                        android:layout_marginStart="16dp" />
+
+                </LinearLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="8dp"
+                android:background="@color/black_50"/>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/layout_help"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingHorizontal="@dimen/horizontal_safe_area"
+                android:paddingVertical="@dimen/vertical_safe_area">
+
+                <TextView
+                    android:id="@+id/tv_help_title"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:text="Bantuan"
+                    style="@style/body_large"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"/>
+
+                <LinearLayout
+                    android:id="@+id/layout_help_centre"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:paddingVertical="9dp"
+                    android:gravity="center_vertical"
+                    android:layout_marginTop="16dp"
+                    app:layout_constraintTop_toBottomOf="@id/tv_help_title"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <ImageView
+                        android:id="@+id/iv_help_centre"
+                        android:layout_width="20dp"
+                        android:layout_height="20dp"
+                        android:src="@drawable/ic_chat_bubble"/>
+
+                    <TextView
+                        style="@style/label_medium_prominent"
+                        android:id="@+id/tv_help_centre"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="Pusat Bantuan"
+                        android:layout_marginStart="16dp" />
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/layout_settings"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:paddingVertical="9dp"
+                    android:gravity="center_vertical"
+                    app:layout_constraintTop_toBottomOf="@id/layout_help_centre"
+                    app:layout_constraintStart_toStartOf="parent">
+
+                    <ImageView
+                        android:id="@+id/iv_settings"
+                        android:layout_width="20dp"
+                        android:layout_height="20dp"
+                        android:src="@drawable/ic_settings"/>
+
+                    <TextView
+                        style="@style/label_medium_prominent"
+                        android:id="@+id/tv_settings"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="Pengaturan"
+                        android:layout_marginStart="16dp" />
+
+                </LinearLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="8dp"
+                android:background="@color/black_50"/>
+
         </LinearLayout>
 
     </ScrollView>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 9eda4aa..8c4427f 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -2,6 +2,7 @@
 <resources>
     <color name="black">#1B1C1F</color>
     <color name="white">#FDFDFD</color>
+    <color name="light_gray">#F7F7F7</color>
     
     <color name="blue_50">#edf5f9</color>
     <color name="blue_100">#c6e1ed</color>