wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Collaboration & Create Porotofolio

Browse Source
This commit is contained in:
nico
2025-01-05 15:53:41 +08:00
parent 18bd4efed1
commit b1573af1b8
29 changed files with 368 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app_modules/donasi/component/button/comp_button_delete_donasi_by_id.tsx
View File

@@ -13,6 +13,7 @@ import {
import { useAtom } from "jotai";
import { gs_donasi_tabs_posting } from "../../global_state";
import { useRouter } from "next/navigation";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
export function Donasi_ComponentButtonDeleteDonasiById({
donasiId,
@@ -60,7 +61,8 @@ export function Donasi_ComponentButtonDeleteDonasiById({
<>
<Button
radius={"xl"}
color="red"
style={{ backgroundColor: MainColor.red }}
c={AccentColor.white}
onClick={() => {
setOpenModal(true);
}}

4
src/app_modules/donasi/component/card_view/card_invoice_new.tsx
View File

@@ -1,5 +1,5 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { ComponentGlobal_LoadImageCustom } from "@/app_modules/_global/component";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
import { Badge, Card, Grid, Group, Progress, Stack, Text } from "@mantine/core";
@@ -36,7 +36,7 @@ export function ComponentDonasi_CardInvoiceNew({ data, }: { data: IDataAllDonasi
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
onClick={() => onCekInvoice()}

4
src/app_modules/donasi/component/detail_main/cerita_penggalang.tsx
View File

@@ -25,7 +25,7 @@ export default function ComponentDonasi_CeritaPenggalangMain({
<Stack
spacing={"xs"}
style={{
color: "white",
color: MainColor.white,
}}
>
<Title order={4}>Cerita Penggalang Dana</Title>
@@ -35,7 +35,7 @@ export default function ComponentDonasi_CeritaPenggalangMain({
backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Stack>

4
src/app_modules/donasi/component/detail_main/cerita_penggalang_new.tsx
View File

@@ -43,7 +43,7 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
<Stack
spacing={"xs"}
style={{
color: "white",
color: MainColor.white,
}}
>
<Title order={4}>Cerita Penggalang Dana</Title>
@@ -53,7 +53,7 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
{

4
src/app_modules/donasi/component/detail_main/informasi_penggalang_new.tsx
View File

@@ -41,7 +41,7 @@ export default function ComponentDonasi_InformasiPenggalangMainNew() {
<Stack
spacing={"xs"}
style={{
color: "white",
color: MainColor.white,
}}
>
<Title order={4}>Informasi Penggalang Dana</Title>
@@ -51,7 +51,7 @@ export default function ComponentDonasi_InformasiPenggalangMainNew() {
backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
{

36
src/app_modules/donasi/create/create_cerita_penggalang.tsx
View File

@@ -142,7 +142,13 @@ export default function CreateCeritaPenggalangDonasi({
<Textarea
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
}}
autosize
@@ -169,7 +175,13 @@ export default function CreateCeritaPenggalangDonasi({
<Textarea
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
}}
autosize
@@ -205,8 +217,8 @@ export default function CreateCeritaPenggalangDonasi({
</AspectRatio>
) : (
<Stack justify="center" align="center" h={"100%"}>
<IconUpload color="white" />
<Text fz={10} fs={"italic"} c={"white"} fw={"bold"}>
<IconUpload color={MainColor.white} />
<Text fz={10} fs={"italic"} c={MainColor.white} fw={"bold"}>
Upload Gambar
</Text>
</Stack>
@@ -251,7 +263,13 @@ export default function CreateCeritaPenggalangDonasi({
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
}}
withAsterisk
@@ -268,7 +286,13 @@ export default function CreateCeritaPenggalangDonasi({
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
}}
withAsterisk

42
src/app_modules/donasi/create/create_donasi_new.tsx
View File

@@ -105,8 +105,17 @@ export default function CreateDonasiNew() {
<Select
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white
}
}}
label="Kategori"
placeholder={loadingMaster ? "Loading..." : "Pilih kategori penggalangan dana"}
@@ -127,8 +136,14 @@ export default function CreateDonasiNew() {
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}}
withAsterisk
label="Judul Donasi"
@@ -141,8 +156,14 @@ export default function CreateDonasiNew() {
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}}
icon={<Text fw={"bold"}>Rp.</Text>}
min={0}
@@ -175,8 +196,17 @@ export default function CreateDonasiNew() {
<Select
styles={{
label: {
color: "white",
color: MainColor.white
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white
}
}}
label="Durasi"
placeholder={loadingMaster ? "Loading..." : "Jangka waktu penggalangan dana"}
@@ -202,8 +232,8 @@ export default function CreateDonasiNew() {
</AspectRatio>
) : (
<Stack justify="center" align="center" h={"100%"}>
<IconUpload color="white" />
<Text fz={10} fs={"italic"} c={"white"} fw={"bold"}>
<IconUpload color={MainColor.white} />
<Text fz={10} fs={"italic"} c={MainColor.white} fw={"bold"}>
Upload Gambar
</Text>
</Stack>

14
src/app_modules/donasi/detail/detail_draft/index.tsx
View File

@@ -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

12
src/app_modules/donasi/detail/detail_reject/index.tsx
View File

@@ -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

12
src/app_modules/donasi/detail/detail_review/index.tsx
View File

@@ -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();
}}

7
src/app_modules/donasi/main/galang_dana/ui_galang_dana_new.tsx
View File

@@ -57,15 +57,16 @@ export default function GalangDanaDonasiNew() {
key={e.id}
value={e.id}
fw={"bold"}
c={"black"}
style={{
transition: "0.5s",
color:
param.id === e.id ? MainColor.darkblue : MainColor.black,
backgroundColor:
param.id === e.id ? MainColor.yellow : "white",
param.id === e.id ? MainColor.yellow : MainColor.white,
border:
param.id === e.id
? `1px solid ${AccentColor.yellow}`
: `1px solid white`,
: `1px solid ${MainColor.white}`,
}}
>
{e.name}

4
src/app_modules/donasi/main/layout.tsx
View File

@@ -62,7 +62,7 @@ export default function LayoutDonasi({
<ActionIcon
// disabled={e.path === "" ? true : false}
variant="transparent"
c={active === i ? MainColor.yellow : "white"}
c={active === i ? MainColor.yellow : MainColor.white}
onClick={() =>
e.path === ""
? ComponentGlobal_NotifikasiPeringatan("Cooming Soon")
@@ -72,7 +72,7 @@ export default function LayoutDonasi({
{e.icon}
</ActionIcon>
<Text
c={active === i ? MainColor.yellow : "white"}
c={active === i ? MainColor.yellow : MainColor.white}
fz={"xs"}
lineClamp={1}
>

10
src/app_modules/donasi/proses_donasi/proses_transaksi/index.tsx
View File

@@ -88,7 +88,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Stack spacing={"md"}>
@@ -99,7 +99,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Stack align="center" justify="center">
@@ -121,7 +121,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Paper
@@ -131,7 +131,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Group position="center">
@@ -152,7 +152,7 @@ export default function Donasi_ProsesTransaksi({
target="_blank"
href={`https://wa.me/+${nomorAdmin.nomor}?text=Hallo Admin , Saya ada kendala dalam proses transfer donasi!`}
>
<IconBrandWhatsapp size={40} color={Warna.hijau_cerah} />
<IconBrandWhatsapp size={40} color={MainColor.green} />
</Link>
</Group>
</Paper>