Laporan Per User

import { CardFilterLaporan } from '@/components/CardCustom' import { DatatablePrime } from '@/components/Datatables' import { Belakang } from '@/components/Layouts' import { Judul } from '@/components/TextCustom' import { DDUserVerifKasub, Laporan11 } from '@/services/laporan/laporan-service' import { UserGetOne } from '@/services/manajemen/user-service' import { Formik } from 'formik' import moment from 'moment' import Head from 'next/head' import { Button } from 'primereact/button' import { Calendar } from 'primereact/calendar' import { Column } from 'primereact/column' import { Dropdown } from 'primereact/dropdown' import { useEffect, useState } from 'react' export default function PerUser() { const [data, setData] = useState([]) const [draw, setDraw] = useState(1) const [periode, setPeriode] = useState('') const [optionVerifKasub, setOptionVerifKasub] = useState([]) const [userID, setUserID] = useState('') const [refresh, setRefresh] = useState(0) const [namaUser, setNamaUser] = useState('') useEffect(() => { let params = { periode: periode, user_id: userID, } Laporan11(params) .then((res) => { if (res.status === 'error') { setData([]) } else { setData(res.data) } }) .catch((err) => console.log(err)) }, [refresh]) useEffect(() => { DDUserVerifKasub() .then((res) => setOptionVerifKasub(res.data)) .catch((err) => console.log(err)) }, []) return ( <> Laporan Per User Laporan Per User { let periodeBefore = values.periode Object.assign(values, { periode: moment(values.periode).format('YYYY-MM') }) setPeriode(values.periode) setUserID(values.user_id) UserGetOne({ user_id: values.user_id }).then((res) => { setNamaUser(res.data.nama) }) values.periode = periodeBefore setRefresh(Math.random()) setSubmitting(false) }} validateOnChange={false} > {({ values, handleChange, handleSubmit, isSubmitting }) => { return ( ) }}

Nama	:	{namaUser}
Unit	:	Biro Keuangan
Bulan	:	{periode && moment(periode).format('MMMM YYYY')}

) }