import TextInput from '@/Components/TextInput'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, useForm } from '@inertiajs/react'; import axios from 'axios'; import { FormEventHandler } from 'react'; interface CustomerProps { customer:{ id: number lan_id: number, name: string deposit: number amount_left: number give_leftover: number guardian_name: string comment: string; purchases: [{ id: number amount: number }] deposits: [{ id: number amount: number }] } }; interface GroupmembersProps { groupmembers:[{ id: number lan_id: number, name: string deposit: number amount_left: number give_leftover: number guardian_name: string comment: string; }] }; export default function Customer({customer, groupmembers}: (CustomerProps & GroupmembersProps) ) { const { data, setData, post, processing, errors, reset } = useForm({ amount: "", customer_id: customer.id, deposit: "", id: customer.id, comment: "", manual_deposit: 0, give_leftover: 0 }); const submit: FormEventHandler = (e) => { e.preventDefault() post(route('register_purchase'), { onFinish: () => setData( 'amount', '' ), }); } const submitDeposit: FormEventHandler = (e) => { e.preventDefault() post(route('register_deposit'), { //headers: {'X-API-KEY':`${import.meta.env.API_KEY_DEPOSIT}`,'Accept': 'application/json', 'Content-Type': 'application/json'}, onFinish: () => setData( 'deposit', '' ), }) } const updateComment: FormEventHandler = (e) => { e.preventDefault() post(route('update_comment'), { }); } const deleteCustomer = (id: string | number) => { axios.delete('/api/customer/' + id) .then(response => { window.location.href = "/dashboard"; }) .catch(error => {console.log(error)}) } console.log( import.meta.env.API_KEY_DEPOSIT) return (
Tillbaka

{customer.lan_id ? customer.lan_id + "." : "Grupp"} {customer.name}

Saldo: {customer.amount_left ? customer.amount_left : 0} kr

Inbetalad summa: {customer.deposit ? customer.deposit : 0} kr

Vårnadshavare: {customer.guardian_name}

Ge ev överblivet saldo till vBytes: {customer.give_leftover ? "Ja" : "Nej"}

{groupmembers.length > 0 && <>

Gruppmedlemmar

{groupmembers && groupmembers.map( member => { console.log(member) return

{member.lan_id}. {member.name}

})} }

Registrera köp

setData('amount', e.target.value)} />
Kommentar