Collaboration & Create Porotofolio

src/app_modules/donasi/detail/detail_draft/index.tsx

@@ -16,6 +16,7 @@ import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
 import { MODEL_DONASI } from "../../model/interface";
 import { IRealtimeData } from "@/app/lib/global_state";
 import { WibuRealtime } from "wibu-pkg";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function DetailDraftDonasi({
   dataDonasi,
@@ -92,8 +93,10 @@ function ButtonAjukanPenggalangan({
     <>
       <Button
         radius={"xl"}
-        bg={"orange"}
-        color="orange"
+        style={{
+          backgroundColor: AccentColor.yellow
+        }}
+        c={MainColor.darkblue}
         onClick={() => setOpenModal(true)}
       >
         Ajukan Kembali
@@ -104,20 +107,19 @@ function ButtonAjukanPenggalangan({
         opened={openModal}
         close={() => setOpenModal(false)}
         buttonKiri={
-          <Button style={{ color: "black"}} radius={"xl"} onClick={() => setOpenModal(false)}>
+          <Button c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
             style={{
-              color: "black"
+              backgroundColor: AccentColor.yellow
             }}
             loaderPosition="center"
             loading={isLoading}
             radius={"xl"}
-            bg={"orange"}
-            color="orange"
+            c={MainColor.darkblue}
             onClick={() => onChangeStatus()}
           >
             Ajukan

src/app_modules/donasi/detail/detail_reject/index.tsx

@@ -17,6 +17,7 @@ import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/ce
 import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id";
 import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
 import { MODEL_DONASI } from "../../model/interface";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function DetailRejectDonasi({
   dataReject,
@@ -104,16 +105,16 @@ function ButtonAction({
       <Group grow>
         <Button
           radius={"xl"}
-          bg={"orange"}
-          color="orange"
+          style={{ backgroundColor: AccentColor.yellow}}
+          c={MainColor.darkblue}
           onClick={() => setOpenModalEdit(true)}
         >
           Edit Kembali
         </Button>
         <Button
           radius={"xl"}
-          bg={"red"}
-          color="red"
+          style={{ backgroundColor: MainColor.red }}
+          c={AccentColor.white}
           onClick={() => setOpenModalDelete(true)}
         >
           Hapus Donasi
@@ -134,8 +135,9 @@ function ButtonAction({
           <Button
             loaderPosition="center"
             loading={isLoadingEdit}
+            style={{ backgroundColor: AccentColor.yellow }}
             radius={"xl"}
-            color="orange"
+            c={MainColor.darkblue}
             onClick={() => onChangeStatus()}
           >
             Edit

src/app_modules/donasi/detail/detail_review/index.tsx

@@ -16,6 +16,7 @@ import { MODEL_DONASI } from "../../model/interface";
 import { donasi_checkStatus } from "../../fun";
 import { WibuRealtime } from "wibu-pkg";
 import { IRealtimeData } from "@/app/lib/global_state";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
 
 export default function DetailReviewDonasi({
   dataDonasi,
@@ -95,10 +96,11 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
         mt={"lg"}
         style={{
           transition: "0.5s",
+          backgroundColor: MainColor.orange
         }}
         radius={"xl"}
-        bg={"orange"}
-        color="orange"
+        
+        c={MainColor.darkblue}
         onClick={() => setOpenModal(true)}
       >
         Batalkan Review
@@ -109,17 +111,17 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
         opened={openModal}
         close={() => setOpenModal(false)}
         buttonKiri={
-          <Button style={{ color: "black" }} radius={"xl"} onClick={() => setOpenModal(false)}>
+          <Button c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
             Batal
           </Button>
         }
         buttonKanan={
           <Button
-          style={{ color: "black" }}
+          style={{ backgroundColor: AccentColor.yellow }}
             loaderPosition="center"
             loading={isLoading ? true : false}
             radius={"xl"}
-            color="orange"
+            c={MainColor.darkblue}
             onClick={() => {
               onChangeStatus();
             }}