From 10212aa5de95a9b260970325f6ba66c1d93081b2 Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Sat, 14 Feb 2026 10:58:53 +0800
Subject: [PATCH] upd: redesign

---
 .../(fitur-division)/task/update/[detail].tsx |  13 +++++----
 app/(application)/project/update/[detail].tsx |  12 ++++----
 assets/images/bgproject-dark.png              | Bin 0 -> 10490 bytes
 assets/images/bgproject-light.png             | Bin 0 -> 10382 bytes
 components/home/projectHome.tsx               |   4 +--
 components/paperGridContent.tsx               |  27 ++++++++++++++----
 declarations.d.ts                             |  24 ++++++++++++++++
 7 files changed, 62 insertions(+), 18 deletions(-)
 create mode 100644 assets/images/bgproject-dark.png
 create mode 100644 assets/images/bgproject-light.png
 create mode 100644 declarations.d.ts

diff --git a/app/(application)/division/[id]/(fitur-division)/task/update/[detail].tsx b/app/(application)/division/[id]/(fitur-division)/task/update/[detail].tsx
index 1511f0c..475e7b0 100644
--- a/app/(application)/division/[id]/(fitur-division)/task/update/[detail].tsx
+++ b/app/(application)/division/[id]/(fitur-division)/task/update/[detail].tsx
@@ -1,15 +1,16 @@
 import AppHeader from "@/components/AppHeader";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
+import ButtonSelect from "@/components/buttonSelect";
 import { InputForm } from "@/components/inputForm";
 import ModalAddDetailTugasTask from "@/components/task/modalAddDetailTugasTask";
 import Text from "@/components/Text";
 import Styles from "@/constants/Styles";
-import { useTheme } from "@/providers/ThemeProvider";
 import { apiEditTaskTugas, apiGetTaskTugas } from "@/lib/api";
 import { formatDateOnly } from "@/lib/fun_formatDateOnly";
 import { getDatesInRange } from "@/lib/fun_getDatesInRange";
 import { setUpdateTask } from "@/lib/taskUpdate";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useHeaderHeight } from '@react-navigation/elements';
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import 'intl';
@@ -19,7 +20,6 @@ import { useEffect, useState } from "react";
 import {
    KeyboardAvoidingView,
    Platform,
-   Pressable,
    SafeAreaView,
    ScrollView,
    View
@@ -263,7 +263,7 @@ export default function UpdateProjectTaskDivision() {
                            <Text style={[Styles.mb05]}>
                               Tanggal Mulai <Text style={{ color: colors.error }}>*</Text>
                            </Text>
-                           <View style={[Styles.wrapPaper, Styles.p10, { backgroundColor: colors.card, borderColor: colors.background }]}>
+                           <View style={[Styles.wrapPaper, Styles.noShadow, Styles.borderAll, Styles.p10, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]}>
                               <Text style={{ textAlign: "center" }}>{from}</Text>
                            </View>
                         </View>
@@ -271,7 +271,7 @@ export default function UpdateProjectTaskDivision() {
                            <Text style={[Styles.mb05]}>
                               Tanggal Berakhir <Text style={{ color: colors.error }}>*</Text>
                            </Text>
-                           <View style={[Styles.wrapPaper, Styles.p10, { backgroundColor: colors.card, borderColor: colors.background }]}>
+                           <View style={[Styles.wrapPaper, Styles.noShadow, Styles.borderAll, Styles.p10, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]}>
                               <Text style={{ textAlign: "center" }}>{to}</Text>
                            </View>
                         </View>
@@ -281,13 +281,14 @@ export default function UpdateProjectTaskDivision() {
                            Tanggal tidak boleh kosong
                         </Text>
                      )}
-                     <Pressable
+                     {/* <Pressable
                         style={[Styles.btnTab, Styles.btnLainnya, dsbButton && Styles.btnDisabled]}
                         disabled={dsbButton}
                         onPress={() => { setModalDetail(true) }}
                      >
                         <Text style={[dsbButton ? Styles.cGray : Styles.cWhite]}>Detail</Text>
-                     </Pressable>
+                     </Pressable> */}
+                     <ButtonSelect value="Detail" onPress={() => { setModalDetail(true) }} />
                   </View>
                   <InputForm
                      label="Judul Tugas"
diff --git a/app/(application)/project/update/[detail].tsx b/app/(application)/project/update/[detail].tsx
index f4a2057..0051a37 100644
--- a/app/(application)/project/update/[detail].tsx
+++ b/app/(application)/project/update/[detail].tsx
@@ -1,5 +1,6 @@
 import AppHeader from "@/components/AppHeader";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
+import ButtonSelect from "@/components/buttonSelect";
 import { InputForm } from "@/components/inputForm";
 import ModalAddDetailTugasProject from "@/components/project/modalAddDetailTugasProject";
 import Text from "@/components/Text";
@@ -16,7 +17,7 @@ import 'intl';
 import 'intl/locale-data/jsonp/id';
 import moment from "moment";
 import React, { useEffect, useState } from "react";
-import { KeyboardAvoidingView, Platform, Pressable, SafeAreaView, ScrollView, View } from "react-native";
+import { KeyboardAvoidingView, Platform, SafeAreaView, ScrollView, View } from "react-native";
 import Toast from "react-native-toast-message";
 import DateTimePicker, { DateType } from "react-native-ui-datepicker";
 import { useDispatch, useSelector } from "react-redux";
@@ -235,13 +236,13 @@ export default function UpdateProjectTask() {
                      <View style={[Styles.rowSpaceBetween]}>
                         <View style={[{ width: '48%' }]}>
                            <Text style={[Styles.mb05]}>Tanggal Mulai <Text style={{ color: colors.error }}>*</Text></Text>
-                           <View style={[Styles.wrapPaper, Styles.p10, { backgroundColor: colors.card, borderColor: colors.background }]}>
+                           <View style={[Styles.wrapPaper, Styles.noShadow, Styles.borderAll, Styles.p10, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]}>
                               <Text style={{ textAlign: 'center' }}>{from}</Text>
                            </View>
                         </View>
                         <View style={[{ width: '48%' }]}>
                            <Text style={[Styles.mb05]}>Tanggal Berakhir <Text style={{ color: colors.error }}>*</Text></Text>
-                           <View style={[Styles.wrapPaper, Styles.p10, { backgroundColor: colors.card, borderColor: colors.background }]}>
+                           <View style={[Styles.wrapPaper, Styles.noShadow, Styles.borderAll, Styles.p10, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]}>
                               <Text style={{ textAlign: 'center' }}>{to}</Text>
                            </View>
                         </View>
@@ -249,13 +250,14 @@ export default function UpdateProjectTask() {
                      {
                         (error.endDate || error.startDate) && <Text style={[Styles.textInformation, { color: colors.error }, Styles.mt05]}>Tanggal tidak boleh kosong</Text>
                      }
-                     <Pressable
+                     {/* <Pressable
                         style={[Styles.btnTab, Styles.btnLainnya, dsbButton && Styles.btnDisabled]}
                         disabled={dsbButton}
                         onPress={() => { setModalDetail(true) }}
                      >
                         <Text style={[dsbButton ? Styles.cGray : Styles.cWhite]}>Detail</Text>
-                     </Pressable>
+                     </Pressable> */}
+                     <ButtonSelect value="Detail" onPress={() => { setModalDetail(true) }} />
                   </View>
                   <InputForm
                      label="Judul Tugas"
diff --git a/assets/images/bgproject-dark.png b/assets/images/bgproject-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..63846560a53a69e47fc53679f660c46975f6dae9
GIT binary patch
literal 10490
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

literal 0
HcmV?d00001

diff --git a/assets/images/bgproject-light.png b/assets/images/bgproject-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..90aa1e02053d542cdedfc6dfe59309a095eeb5e0
GIT binary patch
literal 10382
zcmV;9C~?<`P)<h;3K|Lk000e1NJLTq00Aig002e^1^@s6kW6B^00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHC?iQkK~#7F?OjWf
z9654zk1AHN$R^pX88hu<eFUwvli6HEX1c*#LAyDK4x+u5I)zMTGtF=Pv!Db5?*5(w
zSxvHvJtRB4yO<FOd>qK|7tb9Cq)L~c|MVX}-rb)4S*84GfBGlcWRph_RgqHS{N;<&
zcK+`DRm!)&^DN{3SbKVbI$D|?t3rmT1J5I^?30yrvP`N;S=MUE@5x0WyW0Ol9jaWe
z_N;h+59y*YCMkW;h1$^cq12|eQF=YC8=~`Z6`8h$-;Jd4UhB)c;*~tUQALye!Ll6x
z@5!^X|9<xJr~ldOvcDzDTFuXY`peH{r~kFj^s{WT$rlj6P4~ClPp{78>iSkboL~2g
ztA)&r!f$N{hO&ZQw*WF2sn^2j;*!oZ0UOg~NB0{l1CI{<!+g!~myQ4c8W~6sAg~Us
zbLa=wApm9oS`P3k&_0(R!724YrtpG;pRk!8F#$v|1TpRhM3?2w%Rl_%e;z+MezUZ)
z8$fOH$dc_iaHYtbcb9VZ^og9EK3T8#Th@qF!FueV-{qyG%DL5*AshrKmM|1!aO=5>
z95kO?w^G}29>5|UfYtxdxWx?E0OUR<mh^C4Re+HMKw(}2NCy}Vy$|V!|MrH|KJ7oK
zi`!LKKz)3oP4932RH%E;pkBTG>;L^*xs$Wwpa1nQ|6VqL+T@W1T|5V${<+)T$uDm%
z<j0q1a=Y8@|Lz(?l0z)YB(bML?R6%$XHrFj#Xw;wf%R}JNT!-fgHDR7gbw)}b%tiM
zi|2g80R)TcJxmJf@1G2qp|4`y8ayV7J0*jBP`9M?C>^Y5P)&#CG>>?{W^TImb;b31
zR$hI0`?r5tN?HCan{4vPqI^$tx~@R=?){~_+5^?HES$4UJugSOBH^MGK_k%s3(M>5
z4A_!J{vs2@KhOzHMr-Xdxafop^-3l&C^T@wL}V>80VoA#q`7_ZjxH(z&)^1Hoz*>#
z9%)v(W0j^aQllMvAb7v)=Mwra{m%zJSd-~!*N}bM@!jq2pN{wH|Fdke$s<bv_Mj!m
z1hSj!o1L6rTsKBlnUw(x*<AAd@X6iSQv-`x)P&<C8S5e*g%=T&l-pE@&EPQrqa=5)
zAc77+mw`$JC{<!6It;?hEu6751X4|XQ{_I|n3>zCsp$$fIldKIMSrXqxu5u8=t`wt
zrT(m+yWLF%sZBO{JVD#3H>2OwX4M7|{qy4TR*v>e>WAki!;Ifrp&X!9mb3?|az8*}
zB`e_MJZxYj*`U&K9InQ9zk9Zx`<Qg_D3bNa0F>KSXOcFSX`lvIG3!f7fY=UDFh=y8
zSneC^@%yp%OK#J%M*~?sE3?QZn>?nJ04GmEppr30_5S=yj*pJy+1bgoJ~L)G?V|MI
zsmkq(8KQyX)R^cDLOp&ULx@YpcD4IgC0~$W63zWFl#*a))SjgFC+w)o03hAXa(z-g
z7@P)rBj|>O+h&&{;2pYHp7`WrN$#--xv&cEr6%x$eD%MLNp13I0ys3iYRd=gDR2Hz
zb=uy%yJ$-jYOLz&<`$l=5O?Y|87FEbOL9>ZgVR)iz(A5)0&o!^2X0-l89L~X>sRLe
z6|y@p^1_$rY$F*h)Tz+dcD4uwv>cFnS!~Dp;{ocytz&i;Bugc;TIGVIYK=<`ZZ*`A
zz6LHVtjh*cn>?CiTlJ@XF(|Tpg@VZS<L<7=o41$p^2JlRd3Pswd$6*y<U)GoA~QxL
z8K5AKh23p7X*Js7<wj7Mv=xXb2x@!)05k!s;!(5!rv@5j1gvG|wk3e@HZo`+OA@H3
zc;W!gbgbgDgQl&`oMtIWR|9oqeW;fr;H9xonKyTDlgAO&@jfHBuYhfXkt49xr3e?7
zH}ccVr$PU_O${sq5~GRYGk>g{eQ0vuiW@i<DUxvroE>BVikZUPa}eC~04t$nV?Il)
zx<?mF6EG4hBT5oXirhP>r~S7mY74HJft_|BSqQ|&7+2`CpeqMsuz(9WtiytVq}e`Y
zmvduMn><)%@exXgU^%i9d)h_;X&`lUd?YWPpUT@7NDt0I4_vU#Fl&*4wV2x|vz62A
z{zU44LS&$gdubUI@iu1k0XyKvEg}%~FNHGDp|cNRP$IoM^AW-RDCh<ZuIo>rA)0_!
z2zW9}@<yTmlD>1S%kBYVQ3STaLx$>aOlp${3o@pB?+)=HS&cETV?rbT@Zn01juv_L
z^vQbT7i3G4Xq7+s!$A6lQaBBbh9BnHuw7HhDQXs0GNTAxL^aiI0NPoL=m56PAbQ{(
z*$_4qn4pv9<7jY;d!360bE4RlD163vpbiVMB>R)jdNqNa3WBHts4}C4F#{G=WDA^c
z@<`$~+s|>?fq?`ASbo`6$jDdwFY@-?rToLIXL5UcCpWjd)M%g&)@|*g@dXcq;@DO}
zKrPNJI9`NGuE%4VUx7YrzT*8q2#$$NQCr?eH2n2I;nREH`;plqjtRME5+JOEyj<sO
z9PEt&1s$EYEs@{;&F(c1Cx2rbliK9bMU`Vwqm(c>ND^56Txa>-yuXweKRgu+z!s}K
zgU&$J;2N|i2{?jLh%*f<W$m>T(5v8f3{ECGYY+rr9raT@*I*=e(E!pxR;d@Q8w-|G
ztkiQV)}zs${dxPaWI=`duZh_h3$$xP+zrmLtibrVnmUV9fqrS+HYT;ngJeGaK8mp>
zG6uUFhlu)`v#v<LzPXiG`x(F2duGMp(*xf+GAOf~h`)pqI$;7cmozYqK}`}sBGbsB
zDDJ0nnxu9Wc}4=NbgjS`7(gf}$pP*$mK9?X3`}GUjFUU4xYS}zUo_IOefwxTQeYjz
zV>lak%hXm?RA##@8<X1P%ZMuf;UY?pM-63^(QGg8Kdh_JpPlZXry6mrFevpRJ}*~h
zF2s608(NSnbx@)wdEqLG43+j2r87Pp0V=@5oU64jkw4xmRA51VRtqn2E}4~y3IS9H
z@fD!7Gcwe*$Ezg1htR3lwJ)<k%q##Y;%PiHr=XTX>}tKXEPRt-od}p4liK9L;;cgg
zkUVIe0_yAWWTp+$N?318c((_t8lSq^l@_0B+cTva@Of=BP~&5o&ub0KkX`^Z)=OwG
zVe`FnU{qd!)t|Ji?)Hf3Fj3WK2?^*rL!kx$1PhF>x1o?NGz#X&`bd-zjDHo>o%9hQ
z1_j?n<b{}(#F(nhgt+d*Fl->T$-~9&(LBqCOAbnpQfK-fm2@sduFLvS*H2Y<@5K+N
z^7`#XTlhJtK{A<%7&Hg#IeWe~)|;o`LqGLCWsp`)@Py}Chm_aa@UfuoD!oGD?5O99
zmw*}E#KDM{WjNq!)Q7sbdfsnznLF27ta<!y6Idhj5=jHl9~DdP>w3O{)FuxSvjd#b
ztDhA|7QdSft;*pzM5_nEKs?q_Z}8hagSx)n$@6EYZHt$DH@7o?AQ!==i^j8jO|u!N
z$@aW)=sJ1K%aG520GJMN2b#^wAf!-lu%eNLVA%|O1d^N}1cF7ppQ%d#81QLdW*;nc
z6+<5eef%;PO$>PgN_mo_kamUp)b-zDQky(T8g=h?Y@xt5$DWMQpeKi!2YW*!>CWAU
zi)(pe>!;Gqu3*e-`7r#*V~qjhbG<<UcU=@tV;0ckRHTFQpm<hgc4=42s-yRtfPh!x
z$BqX!Pzr8X0zeI54~5}e5$yW;0zjnpJz0Jo&MkhVsJ!R3F}Ait-?q<`a34Iq545NG
zFm3CkHhF*`+bIWgm7qCb$U5eVdOAbF-8NTXS+^c;d!+AY{#Lh-%jOxia;U)pyn0!1
zQFG=VRUtfc(9u-6F*xNq45$k-mq{JtEF11;h2?s!kVaGgIX&e^;5LRtfGI+tT|g(=
zF2>TAWxCoN*&XWQ%@@|89<APA*+6QO&zIQsa-NPsR}w|{rEgqUocw^xmTqvVZe)@3
z%Nu$5d>@~BcSZH9jQQhKQ<{!3E5uR7m>Q?sfyb!SdcmEg_zr*pZs}W6KBeqfS6ql#
zQUI8>=Rs)#MF3en3|L%eTtg=3z^nrGrZ|-z04a-^L7#AMEepUyj`rW??rrkPqB<VW
z(&E*Z!a!Dln-rDoZMnx*3b|#yM0>xlCOmt3OxFguq{3xT&}_4$cCDxZi5HUubP9Pv
zd6h6g%ZEW~0|f^S#8$ipEeCQ5u^CA^)ws}--7(W1-8_jr$m+}`3vdfpuTVXBO`tx|
zOC9wjyPH&ZuWP}5wxG<$q&E3vaTl)upiJ_u22kipF33*6@cLPNCi+$IK<n@JUCU2D
zp2<ypZKnQ^gV<{rP^Iz{p1>d)ifa8j8YIN5G}5eoDF8G`5v2Zx+?t<)!zvi0qy8cT
z5&*TVGy+33hy4I}BU+PzYb~}&u8%*lPn@m;kdwQ}13hP0cv@rx?y}A9ZSsj?HiqoS
z(>1_LM21}s&_34;P+r4LSvRvQ$uL-t-Q8USs#h<c%HLjJG&hi#4m8A=5YEJchV55X
z5If!FOI0tLH@nlp?n*&sA>3JL%b9}^RtSTJ4nT_aDS@cM!$SdtgxojFPv8gul>3!I
zOX+$CW~zhB4G*$(Zy+8A*lsbYO+Hb|ed#G!Tqc<jj4YVW;1!$Fi2x`To*Ar%SJyXk
zc5@`p&z{J;^P9-r8yXE-;a{i=m;=A!F_uRiL`DG8!JsqHD&-3#EwLio()&0VI58-2
z+swl7x>ARjsYJgA0P0VjRfREbMS3Klipz?K<4Z&cjgl+^`+Ti5bpxqQK3xzChBQZ;
zdSe$_`R(SXlyQu|Bo-vX_cPY^=EJr8@y9yb*LO=GLZG=21Zv^eg~hJ%K1pkzl&Z-w
zG8~L(b8HtU0g$z56qKZV<R|wFj*S(GlHLrwYbBaM3H2(dPY0(^N5?uczzGD?2jl@@
zR~}1$Ge9(T8OLJ-sZBmZW^4*s6EE!4!<EFtGUQjXll1a$_dxaXhZFhRn@eXNYumXL
zZp9*fZ}1{h7srl(33wX5GiNM;3^$k!0_y0ZaaTBf{5P_Mp5#vEvK`cB;35EQ4nqB3
z-Xa*v0SF-w=KR<flx6ZoBY5MLVB1?vYLmwlf27KRcjvkkeu@HK4Y8;>Y5~pC_4oVg
zzEgFP=lR7A<WOo8eYIv-kY=EopX#owurWI(2TjOo&6<^PjZ%4?K$Au-5ddeS_8GeF
zrYbQhb=K(M;jAdPyXrM{?Iz_H0zMG}LkZnxYo-juDGz5^$GE3&OAt2sC;{_`G|hPw
zj6UYuB8VH6nIR<)V5n4mn_C%mYW1wwE1Rkyb$q;d8`h?=4Fnc9e+Sh71e>*VS1(%-
z8sfo&J|$1*egxnl17KL2w9?#}jsVa=A9@=9lCTK<EIa}isA>SHf=dAK`$YZLv?5q$
zk-RLySz6!ez|-J(>F*D<B@>Vj>!@{aOlp&ll9{_T4UBjH&4Zu#Qn68xUKuecnMO0@
zkf2Mo>QdTkGe0~#kzd|k3UU&hp<AKT08=SVfo0%%_6Q@8oo3uLt;mKtggyoKz>56d
zG0@E$6#yJTS51Ak5s@6n9N<m#o_x`!CLj#m6m&#Z$TN5;-Q0g?U;+~Yi<hfQHgK%%
zb7NAQe3Td{9KJpRia+7=6TkabVE4hfFt#-b&l~$1*x6pr(;`o++zqG*xfaH-2n$t&
ze&$Mq4b_fFPrerG!%S!4vLXZXz^jV78LR04p)-IHeAmy>*sn=0OTl(#Ufv#^tGAB;
z#c`|1C%}SQPG?CX@g3I1n~RrQysvAzGpS``Qk#5)C_MeLK}T9iE3Bm(Jj6>{Hg<J*
zS4{>f^{2nM0vQk_o!Q!{>)T7&?F!dn?*Iw{S8?DoV=iE*G60m-r_=L+Z4g-4^}PE+
zbb$dY11K_^XfN6ynGcsi{W_R>98QxCz$k}yu>T9F8RLeG67~1PHff=KZ?JSLHDC*O
zcVkkU{HhoOfd^)|ZX(1?M1b<oL?cdRhFW?frJzy93UXiZExAo>W4%!Kp1QieZ9j?C
z30qutoIu0jgB<AgBLG$dI!9wLcCJ*({ZVQo<t4<@1YkM<6oP8h5p9X+v<-#71~Ik+
zLI<b#!zwXeB@SMs(~L>sFW>Z?Kq>yU$XKQxH&j|yrX}Ce>|P!0<D*4RPmkMY{Yj(+
z*1*)8x9&-Fd3oDrgEsj*DdYkjxMt^q7|>BIu`zs7bCt!7e{CyJM#W-Yb}`sNl@I4P
z@`oRf<;n3;du@i4(s*VYlPF=Q6!#$)s$icdoj2eXe(x?mby_ySX0rL-0kE;_rf;0<
z@Wliu2!JdAov7~vRlMKI-wA+Id<R_vjn((&I^#D<Y|Q%vV<zz(bH4tF`ql&I229WQ
z!O}XbGmDFu)O_{t>FE>M-4%KL=DfKBo7^wRm~gZTSRw~Ifh|asQ;M>uS6HUsn;9V`
z^|biqVZ4U&uC1LqZEL66D>Jrw8Up##B~o4ClIr8BeQ}ni8ivIoxH%|UT{9LG=Lp6C
zTGlX*u>yEt{eqw&323YtbUhO*vNR}5?ixNEM4a^mb1Z#KW~@*Wz;g9|t)G39Aa!)4
z4Q!sBJ-HW{4wm18+dusHto=gn)zz(Ra#->V9vUY;0de6buiTdSv0tdbydxD!XyGl3
zJ?$avHIL<B_51%ScUpgGX4meK59ill`)CzOZ!z1=GjlW8(RDT|!;-ZDnP;)BHU>I3
zU}}ZfB!epk-=iG>7!~82-Y?G!1Iqz$@$&1Kn5!2|i`+b6P+S3~9xv1n8vB0ittw{2
z*J4)rra<cC$x&lXPxhY=l{%p9r;_e2HuvunB=5pG<Dz8r<imuo$T*`>5g5sIyOeC~
z>G%#(-dDHpr!%?OKZxoEdAOyDxfx;CN~$n;6ng4=@E%+oM_oy7OVTq3p5xd`C}R~|
z$C=1k+RztCt|GCwh--O$_qcbKzl|G>S8udLtj+2Oyw!0$tS(7nZ2?$)6Cm}N;FRUX
z9;kkKeeSzFZZe9ors*}oKrlLaQLd#VwiK9@EYfQg@-kBV8yZe+LM@fio$rC_Rr>*l
zOKyK?7UEm<i0?Y0Uf4m5$Xjl*MU{d2sX`~XueG)X0KkIDYs{$gnp_{~H)ViGRR}2X
zx&S~S$VFZ103t%OnL6u#fc`wD7Ig_{hxGN|uNtJDK7G=_>1a{;Qc~;w;rWTY?Ylf~
zGD`Uf{5Gg4{e%FDDoQR+1{u`@i$pQ73pPF?oS>_Des$CCqxyjJAiC3~mU(#581oS0
zNkuJorO2o-x6bqe01!=mP{4>0jMe~m0E^AAajQyYm4HDVG|<hZ**efk6^|ng+eHAH
zfz|rGrP!80AL*Ra?8jriI*_Wt@Uy3%A8+~`sqw9C)^9EjJd<-|I2fQ(9XM4hm193E
z5mI`JmXiEFOUqz!pTgEcrxow_F{zg?)_teex{4d~+7F$F#e`iq14%QuaLq98Ba-=m
zwPE_9VPd>#9XAA(^}v`au_RGongAFyP8v!nf-aX0Cal;ALH2}7`BDMw+rY-Gvnqj)
z;{(RYC=3iu#K>0!QhyI{LaB`H`pt!G!cy)zFOc9**a)u<rD#S_;AXY>78(wL1{eSc
z&wdHq=M0AR;j`P_wUy`}E^a_OfS_zNihYtP1DTZ{#DKZ1_js9IcD&@6kt7hx;Djxr
zTj-1{>*N3hprZ`B29!A4hxH2diI*f~eKUxyb@@;0Y1XUwC+?Q;RWPZ)H#nJ8ccALB
z#imAa*G<{=b9+{pkx?Pwv1?KeRNO1VConG!&^~?GkKq;}fSM%WwRd}W{>N7}h`#>H
zj4Eds+SHLj`lYPfh@PT}GAY*A0l|Qafn=x(Koh{w+u*txxU<WqW8ET&T`4^rtPH*z
z$Sz*!!=E}nWRPu1z8-a2H5PI_{^`{^`*D4J`<oi*mkfq~u2isW)76{!!>!?iF`Z<!
zF~e7S-jPKWbnXI^Itwd)Q~P<gQg9#beAO?r5@r~7gPU>h_H|$G@AJBg=lk{@^V3>Y
z2f)+5m81?Rgaxe)Ty-8`YYU2V@Yq0xW-t?&(3HJ{L;w`Jq6@l%4kiM13h2?>QkBuo
z(<#77VsipID_#fP25_PQW-yApaT{3E#}y>%UnwW;b%Lwwo!r20nmwk}FYM{*v7DY9
ze^uaQ;%jO)kwfIC3EgYjZ?rN#sr`oIpCWfCQ>;=u@RiY^MW$`!C$+Z)#$g~^^VS!T
z|M=6h23EH_Fb&NufkBnAzaE>?+%{{CGoI|?7>g3>h#5QOMIZqmIe=B6T}_V(jWmVr
zRVJVj0e2AsHBkmH|Gop5!o@W8lsC9jaAVVV7D?)WwZJbx*ZbjEU_fgCx&BqDKvhAj
ze#WfGr_0w4Oel2>D#P0X=o5hIcaQ^*XDoE%qfHkmZ1F2%Mbw_H3Rg-MNdfEJ04Bmy
zd_ll4!>Zf4>>omPHn;s|AGn9OuXZd%H1#utLGyre3dW7bI16K_CO|P9It0?xPVdtI
zB*Fls5@TXN3X$5!-3J&*dYzeFS=)lH9`rwy6^>b9-QsoTF;KrpqOOB6DPvew>cG{V
z59|AH)qu;MWz|6BF0ri&NOem8`1q*3rc%q-S5dwtsd{f9#gbjW3{*Dz)^Ev(kC+vM
zTO|HbB=4ndK;iMB1X%c<TEt-DUj(qcTY|BP8rpbvcGBPL!|yqO!GXfrl>1~utBny6
zrf3HnbyqI~53fst+KP<VG!L8tKp7CB0?AE7Fu=ORz##(T0?dqo58GOp!Or@H`sn1G
zj)Ot9^d4C^fU2h-6*#Yr7--eF4T?<}|2>1=pDOj{sW<79C+myI6<F=vqq@z<Uw=7o
zFC$mi_xJkR3<6PJw`4P1W_-mrYEmlSa|;?qAf8gP3^Qc{@h2iZlQ!%e%Fothb$R>Y
zs%?(<`t2PUvq1Zy0LFeWD6L>{&IZ68YcqL8d`l9qLs9p&Rw%|mB%C*5J)kRm;`@f|
zPAh?K1j_l983LIC$DKI^CM6b?$}>1kfR6NA6BZlD)(>{;A3VGFt$<U#X{sw%cS)$A
zR9Rr1EV#Z|cSo=oTs642?=BmN)$M41cz(K{8M^#ku`9Rnd!)ot@^JMqMy|2dN-n3p
z9J7a#Kns-d!XkKY4+|2@`m<1Gunr*6RFmoz)RWVbBf09|t1?bG@B{;~%i1w^vie)G
zkEVbbp~?&~jWGn&0Jtasi4Jg2^+lXaCGb)KJg|cR7WLZVj+zL#XzuC>v$Fy45;!4<
z=>&8SK5Y!()AjFu)4R(4>djbVVr{RXHj}w)Z^q9=`(W0e@~(fCIo5@M_4xM^RL7A)
zk4Gqdg@EEf1BSHN?43x&E27>N-++m6WC9wQ9#VYEF5-euz)B&*>1p+^u9vF2BwW3@
zL`>kBrO7x%l>p4%O)y+f3!Qm!z24sdmJ<dMbA=T_Lt^|F0|it-xf%65d@%>?Y4%ST
zl!IjngO-1e*D+5%4n3&z-!Dj2aH_L)H70g(c`Lv4U%CAlIf8wNDmY!=+{#a{p0)Ge
z+w9-rAv1acK!fxJQN-T(hmtr8*G?7MQ$e!~2t&|9<LU_`u#6~YxoSMB{t9xP)Tt9h
z*0w4eN}iG9n0kN%A)VD_Sq4Lgya22Vxkn1xN@8>hiKvURE||BMFUC~VnqOQOl>{;h
zbw&ZvDH948*ZQ1Yx@pWx0$lMy68+f6xL@p_Cg&H|-_71i^`@)uYPFY3_fN~4&v4V8
z?1Sf*a9+pempA7PsBZceAioE3W&y|cSvnBWnx2djoj!PAcFiapzu{tW{};huEzVC@
z3W2rb9$3fVxyPk+@RjQ6`NgfgdU4vmPha4Px+MN)2914P?RK>&Y$AgNx<3YX)NkRq
zTfAj7&dOQ-01*p(+dqnp0<Z*#aX>ykJ>E#_vy10-LfuLrncI!NV|z4?&{}LMyrvyj
zqpMq%ROV3EkKBBN258G1s%utVy2^GQ(vR5-%@wF>tm^l)YXZ;U#b?BzR_Ces&v9p*
z;=r@JfcV@50)`U6rjTEPkpXzYE$`)wd90<=`l?>&`gUDjbGE;C&i8Cvk`eK~Mk=v7
z6tlrh;}oPdB`j>~R?wJ?jhX_Wh%uNL8#H?RPLy=PQ4tD|JD?73mr4+*(bcnj6qD*&
z*Y7ZXi%(ex07Q&!S=YS{xPcb9Z;mT4)xT=wFP@*Yfb!=ukl$J|IMq$;9z*Zy?#-k=
zac}mn-|uc^df)^|%<KhS&vuD%Cjg?sN`+pul>~U%(Bdf@2p89kJ%v8l*s5#s7n|z>
z&-#$Augk<_zzCXaWu3JYHgJlMi7@N1Lm!wT0?Z==JFzJ_4BkFgX5b1gA%LF!W3HqD
z*@A9fW?HVarDd=QfU;k67AWVyE6A*J>?-9K=xnE(_K@+IR0gYBqPl^XU*Qxyf>RBG
zzkYKutl4^q+_y7K1*f{JXN^^TuWV|-q}0urp|cye5Rj~SI&Ign8nu%&&TCTfLd3Al
z&C5{L?q?;}FF%zLLD222Qkm5H>&L;S7zi^k$iSF}SWzDU?K23}Zv<QgX0aj%)F}aG
zP=6ja0;_(A-%Sx_xx}DUWQf}Vm;wGtFe@3D)-dx&U?(yQ(#L}<zGPh1B9J}=&JC>E
zny5Vx)P-*~$oMtHt=b;t`<tmQCAi!_`938W{wY!i$(AW(sbf$Bt=}t~>JKqalQ1e=
zBbB#2vAj|kTo7!UD^_NPPBq9#A$q;4BM5mN2$ZlWw2UsLF^Zb!Lt|5?&ZbH>-UI4*
z7iX))XF#B1X`AWf{`V7%+iB9?U2YK|MMTB?P?g+4nw7JHs*~?h;~D~oyNoIvb5hdH
z+X2ApwYKzeM+A0rE$!g!UV9y8|5uH*0#&8N)o9xk{ug?;?~vq~y4QVk{VyrY0g$Rv
z_nxYYKEFqh@<6$CLQ@!^);xuPBJWA<`9;WBF$nK%NH##PwC6)hjgS^IfX=~a8A9Qg
zZu1ix;$`(dzr8K{2Tx~Hl7UBp5%d#d0ao`KZ4x#_5OWj5R>2)}!xsiCz=ephML$BP
zh{xGQ+O;6{A#qVr30<r|O5j92;p-A$6zNf!YoHi23{YNFxxa&a#P-3}P~Ux6cda}*
z+0UGv9JK|Gby~i<TGwCrWn_yt)rFVuu6AD>oJ__qC*-=_)OX+AdwzD~iXa$Fm{m&4
zCK=cgPE!DsI`F|m-`g~Mjq6H28tUkJ2Kx9}1l|GW*gBzzwm9s{rfvm7Q%SifXnH&F
zC>j~$lgO8Y&i3k#{mzQd9y&OMk}5(R$4A3$T=7!UptGm~yE0fA0H!FX(I*iAq=-QU
zJ5&(_tc7ECx^V2vHHuDppE46P`J{DHZH4y!Z_(>LU>!9ht$<bC!J1y*EPqJgx(;An
zcv-=)vZl(~9xE9B$-2~c4)1BVf>T|+{yl*d$4=l}vx^o1=wGX2aQBL>)Q-Al?q6?3
z#vn{S)zo_0d~d>r%n-5a>-|Hg&GhXbiZ$Mt!AJmHs5KqI16h%`p+m`DrM-N;TBsYZ
zkDFU=^ua6C)PIa&0hnm&JFzTeHY&&ttrIItR76kj6akp0MH|ilfiam*q>l~T<VN_c
z#hiD2Z=N-%ezmUZZm*miHTSSGpWSW^NbdT}$aj;Mk?nW$>Px*9@T#))eYyHn+wIH#
zR;=lBq{gLQy*#T&^1TT$mBPmwkGp=8t=6OyJi&xuMJ44kS1oSRGIRB0Jf}R2MOl;8
z{WIp0-N2rsx_Wie=wg5Wx!xUNwTz(T?P!JytXBtJNH6F&gM%@SXk(}cz`_Q^7%=ap
z$6LcNLkhU_*JE_z?y1m&#lgmbO$k7eY2{$Lf^vCF7i_`4?MGR0Zt*K?^ys+$5a;@?
zoc5g&>I=O1GIBkx0M>wPx0AP*w+-CB7WuW`eyDoaJV*D$uD*3K2DKiqfE0U>yPt!0
zl?oH2$m-z4Co(m!(c@k+d8jh$q8L}{ZRns0ukC_=9Zq@~+ehtm&!*NF%fpztZzEu#
zdsU+Q;NobM6E=P_$qu|NtPFio`UkW@cN5wZ<u4^-K@;$_j;xd^7Zn5~p>|S`8}mRu
zbnTP?P9RMj>}`y!%13`Krm~;A23jH)!pj#7HNR$tWO83j%A~TXCwtd)*W80|U;GB?
z;8e(#ZF}In2q3YY{s2-aTsr!!Y@`e{ztxVQgrFsoUL+Q3FVFVTtQXqg1n{gL>}GwZ
zud=BMQU)~qS`UB@1iLi3c+?R<vb@sVt_Ld-Qa1lu^Pw>sD#SC5HV7Qm0MqhmTp%!k
zy{8a3L2q;Uj5%>!3z?Zf{-hwPuIgI+rkg!A0Q&|2>SLv{srm}dcOx30Kw|8M9KjXI
z#=Mi)OYp`c`q6m}mLVHbDj&KPRDpGHwk|^#rUCJOv9-4^RKL@jw|=iP0HAtxIOw2)
zc?)MNF)7d?VofUma1_YWjC@d11Axist^EWz!m4X}xKQVm0dcm}U<EG#rc|DQPUF*c
zZF^HKE#1ODqN~@14D36yu-{&6hVOfkQU+USGJ-_fBu!GeGS;bpD87`z>j!J-1<I@<
zHym|+vTe;Dfvb_z16v`tvy%1v!}*OoKRXE*QrMsa6fq6+jp2M_Ex|N02*lW;D>Y*q
z=pH*zNYa)1>G;^w3|yk#cp!|xV*iP1x;{RDw1W(ux9xKroa}g6V^i&#<zL!Lc%`z-
z22u}^Ivccn!5=RDtwrzY3Nw~&7Jvv7QXyt#4r3bb<ULySf0d4P!X{RBRH)JbQeg|V
z1BiL$y37r&-|JC}sV>xy6+`i*YT^E-`qrYLmvA>{P6dHmqH+XI07Aq<y~{eUG}SfB
zL!e&{U&r`TU{!!#%pw}VNr2aafNFW5L!D(cW+j_^wv^_+$`}2G<=<LnJuz1#+q~gM
zxG%y19&oSdDLyHX-8ihZjJ(PbB3M`nNYelZG_v9fg;lGH^9Xd+>P%n#Wf|~wd3F;z
zX10X`q=JYd<T}za4Ae(CuL1LbCmM{ZF}M;#h5>p*tpEa2$;U6RhbpP9RSzW>EHflQ
zK&t;P9f+JkiI{6=jB4p@D(YIgs~2o)*+A;yQg`+I+J9i;qoo{jmmsF23?Fe@3O(Ho
z0A_9=rz@0+ltM+uJc6KRc@zMxGb~k^cFI{vM!ufEF0ZMx)OCAl!x4p!8tWpX2Bk+}
zRcKpbmQ*+gV;d_g2wX8C5iEp@WVWQ}z8SMg`YGhYdS@&SpD74*7_)Mgr4S;J1Yq6O
zBNr2ZZv&|ZO1;^>Czr2Ex(6fOtf(1D@i>f?G52J}kGvjA2%Y925$%S_MA|_Fh4v?Q
z2jHoxoiSjKO4rw)>W;3tI?L!ql|Ko!)qtfWB-V5YEQGRgT1owh_>-b)q{sk9dF*F^
zX1c?Z2SJVirf&eHI)WOycnjw553xlfekI7#qzBNqnAF4Nw#6^Lk72aXj=LNAq67n&
zu2=GW;*7+D!6H&7(`!1xcLXTKN;6Xs9dS!l2HYv^vbp|{E61_griqvJmt~Hfy%YjX
z9r{8`$oc@d`cq1W$TLS^ca2Nr&6wo1A^Y(<b+WuegJl}%0J^N>n)cF4#W7`F@Y(@J
spgsg0aPurp{57CpcQ(T(OMun?1G$bnJC<!!wg3PC07*qoM6N<$f*wc8M*si-

literal 0
HcmV?d00001

diff --git a/components/home/projectHome.tsx b/components/home/projectHome.tsx
index 46c820f..ff890d9 100644
--- a/components/home/projectHome.tsx
+++ b/components/home/projectHome.tsx
@@ -78,11 +78,11 @@ export default function ProjectHome({ refreshing }: { refreshing: boolean }) {
                               <LabelStatus
                                  size="default"
                                  category={
-                                    data[index].status === 0 ? 'primary' :
+                                    data[index].status === 0 ? 'secondary' :
                                        data[index].status === 1 ? 'warning' :
                                           data[index].status === 2 ? 'success' :
                                              data[index].status === 3 ? 'error' :
-                                                'primary'
+                                                'secondary'
                                  }
                                  text={
                                     data[index].status === 0 ? 'SEGERA' :
diff --git a/components/paperGridContent.tsx b/components/paperGridContent.tsx
index 79dd7fa..0efe6b8 100644
--- a/components/paperGridContent.tsx
+++ b/components/paperGridContent.tsx
@@ -1,9 +1,12 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { useTheme } from "@/providers/ThemeProvider";
-import { Pressable, View } from "react-native";
+import { ImageBackground, Pressable, View } from "react-native";
 import Text from "./Text";
 
+import bgDark from '@/assets/images/bgproject-dark.png';
+import bgLight from '@/assets/images/bgproject-light.png';
+
 type Props = {
    content: 'carousel' | 'page';
    children: React.ReactNode;
@@ -15,13 +18,27 @@ type Props = {
    height?: number
 };
 export default function PaperGridContent({ content, children, title, headerColor, onPress, contentPosition, titleTail, height }: Props) {
-   const { colors } = useTheme();
+   const { colors, activeTheme } = useTheme();
+   const bgSource = activeTheme === 'light' ? bgLight : bgDark;
    return (
       <Pressable onPress={onPress}>
          <View style={[content == 'carousel' ? Styles.wrapGridCaraousel : Styles.wrapGridContent]}>
-            <View style={[Styles.headerPaperGrid, headerColor == 'warning' ? ColorsStatus.warning : { backgroundColor: colors.primary }]}>
-               <Text numberOfLines={titleTail ? titleTail : undefined} style={[Styles.textSubtitle, headerColor == 'warning' ? Styles.cDefault : Styles.cWhite, { textAlign: 'center' }]}>{title}</Text>
-            </View>
+            {
+               headerColor == 'warning' ? (
+                  <View style={[Styles.headerPaperGrid, ColorsStatus.warning]}>
+                     <Text numberOfLines={titleTail ? titleTail : undefined} style={[Styles.textSubtitle, Styles.cDefault, { textAlign: 'center' }]}>{title}</Text>
+                  </View>
+               ) : (
+                  <ImageBackground
+                     source={bgSource}
+                     resizeMode="cover"
+                     imageStyle={{ borderTopLeftRadius: 5, borderTopRightRadius: 5 }}
+                     style={[Styles.headerPaperGrid, { backgroundColor: colors.primary }]}
+                  >
+                     <Text numberOfLines={titleTail ? titleTail : undefined} style={[Styles.textSubtitle, Styles.cWhite, { textAlign: 'center' }]}>{title}</Text>
+                  </ImageBackground>
+               )
+            }
             <View style={[
                contentPosition && contentPosition == 'top' ? Styles.contentPaperGrid2 : Styles.contentPaperGrid,
                { backgroundColor: colors.card },
diff --git a/declarations.d.ts b/declarations.d.ts
new file mode 100644
index 0000000..2046d60
--- /dev/null
+++ b/declarations.d.ts
@@ -0,0 +1,24 @@
+declare module "*.png" {
+   const value: any;
+   export default value;
+}
+
+declare module "*.jpg" {
+   const value: any;
+   export default value;
+}
+
+declare module "*.jpeg" {
+   const value: any;
+   export default value;
+}
+
+declare module "*.svg" {
+   const value: any;
+   export default value;
+}
+
+declare module "*.gif" {
+   const value: any;
+   export default value;
+}