fix event
deskripsi: - fix database event sponsor & event transaksi
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user