fix event

deskripsi:
- fix database event sponsor & event transaksi
This commit is contained in:
2025-01-29 23:43:14 +08:00
parent 93874478ac
commit abfa16339f
15 changed files with 377 additions and 127 deletions

View File

@@ -1,10 +1,23 @@
'use client';
import { AccentColor, MainColor } from '@/app_modules/_global/color';
import { ActionIcon, Button, Grid, Group, Paper, Stack, Text, Title } from '@mantine/core';
import { IconCamera } from '@tabler/icons-react';
import React from 'react';
"use client";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { Button, Grid, Group, Paper, Stack, Text, Title } from "@mantine/core";
import { IconCamera } from "@tabler/icons-react";
import { useAtom } from "jotai";
import { useParams, useRouter } from "next/navigation";
import { gs_nominal_sponsor, gs_event_bank_id } from "../../global_state";
function Event_Invoice({ userLoginId }: { userLoginId: string }) {
const router = useRouter();
const params = useParams<{ id: string }>();
const sponsorId = params.id;
const [nominal, setNominal] = useAtom(gs_nominal_sponsor);
const [bankId, setBankId] = useAtom(gs_event_bank_id);
console.log("nominal >>", nominal);
console.log("bankId >>", bankId);
function Event_Invoice() {
return (
<>
<Stack spacing={"lg"} py={"md"}>
@@ -54,17 +67,19 @@ function Event_Invoice() {
>
<Grid>
<Grid.Col span={8}>
<Group position='left' align='center' h={"100%"}>
<Group position="left" align="center" h={"100%"}>
<Title order={4} color={MainColor.yellow}>
9065456754325643
</Title>
</Group>
</Grid.Col>
<Grid.Col span={4}>
<Group position='right'>
<Button radius={"xl"}
<Group position="right">
<Button
radius={"xl"}
style={{ backgroundColor: MainColor.yellow }}
c={MainColor.darkblue}>
c={MainColor.darkblue}
>
Salin
</Button>
</Group>
@@ -101,15 +116,19 @@ function Event_Invoice() {
>
<Grid>
<Grid.Col span={8}>
<Group position='left' align='center' h={"100%"}>
<Group position="left" align="center" h={"100%"}>
<Title order={4} color={MainColor.yellow}>
Rp. 100.000
</Title>
</Group>
</Grid.Col>
<Grid.Col span={4}>
<Group position='right'>
<Button radius={"xl"} style={{ backgroundColor: MainColor.yellow }} c={MainColor.darkblue}>
<Group position="right">
<Button
radius={"xl"}
style={{ backgroundColor: MainColor.yellow }}
c={MainColor.darkblue}
>
Salin
</Button>
</Group>
@@ -131,15 +150,22 @@ function Event_Invoice() {
}}
>
<Stack spacing={"sm"}>
<Group position='center'>
<Button leftIcon={<IconCamera />} radius={"xl"} style={{ backgroundColor: MainColor.yellow }} c={MainColor.darkblue}>
<Group position="center">
<Button
leftIcon={<IconCamera />}
radius={"xl"}
style={{ backgroundColor: MainColor.yellow }}
c={MainColor.darkblue}
>
Upload
</Button>
</Group>
<Text ta={"center"} fz={"xs"} fs={"italic"}>Upload bukti transfer anda</Text>
<Text ta={"center"} fz={"xs"} fs={"italic"}>
Upload bukti transfer anda
</Text>
</Stack>
</Paper>
<Button radius={"xl"} bg={MainColor.yellow} color='yellow' c="black">
<Button radius={"xl"} bg={MainColor.yellow} color="yellow" c="black">
Saya Sudah Transfer
</Button>
</Stack>