diff --git a/frontend/dashboard/src/pages/CustomerService/FinalLog/Model/Types.tsx b/frontend/dashboard/src/pages/CustomerService/FinalLog/Model/Types.tsx index ba9582a7..ef8b7890 100755 --- a/frontend/dashboard/src/pages/CustomerService/FinalLog/Model/Types.tsx +++ b/frontend/dashboard/src/pages/CustomerService/FinalLog/Model/Types.tsx @@ -54,6 +54,7 @@ export type DetailFinalLogType = { catatan : string, discharge_date : string, reason : string, + type_of_member : string, diagnosis : Diagnosis[], benefit : Benefit[], benefit_data : BenefitData[], diff --git a/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogConfirmation.tsx b/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogConfirmation.tsx index 068c8be2..c30af4af 100755 --- a/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogConfirmation.tsx +++ b/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogConfirmation.tsx @@ -30,6 +30,7 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo penempatan_kamar: '', type_of_member: '' }); + const [error, setError] = useState(false); useEffect(() => { // Update formData setiap kali approve berubah @@ -57,16 +58,22 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo const handleSubmit = () => { - axios - .put(`customer-service/request/${requestLog?.id}`, formData) - .then((response) => { - enqueueSnackbar('Verification Request LOG Success', { variant: 'success' }); - setOpenDialog(false); - navigate('/custormer-service/request') - }) - .catch(({ response }) => { - enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' }); - }); + if (formData.type_of_member === "") { + setError(true); + alert('Silakan pilih Type Of Member sebelum mengirimkan data.'); + } else { + axios + .put(`customer-service/request/${requestLog?.id}`, formData) + .then((response) => { + enqueueSnackbar('Verification Request LOG Success', { variant: 'success' }); + setOpenDialog(false); + navigate('/custormer-service/request') + }) + .catch(({ response }) => { + enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' }); + }); + + } } const style1 = { @@ -189,22 +196,6 @@ export default function DialogConfirmation({requestLog, setOpenDialog, openDialo onChange={(e) => handleChange('hak_kamar_pasien', e.target.value)} /> - - Type Of Member - - Penempatan Kamar handleChange('penempatan_kamar', e.target.value)} /> + + Type Of Member* + + diff --git a/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogEditInformation.tsx b/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogEditInformation.tsx index 258ef50a..0131cf0a 100755 --- a/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogEditInformation.tsx +++ b/frontend/dashboard/src/pages/CustomerService/Request/Components/DialogEditInformation.tsx @@ -1,7 +1,7 @@ import MuiDialog from "@/components/MuiDialog"; -import { Button, Card, Checkbox, DialogActions, Grid, TextField, TextareaAutosize, Typography, Select } from "@mui/material"; +import { Button, Card, Checkbox, DialogActions, Grid, TextField, TextareaAutosize, Typography, Select, FormHelperText } from "@mui/material"; import { Paper } from "@mui/material"; -import { Stack } from '@mui/material'; +import { Stack, MenuItem } from '@mui/material'; import React, { useEffect, useState } from 'react'; import { DetailRequestLogType } from "../Model/Types"; import { fDateOnly, fDateTimesecond, toTitleCase } from "@/utils/formatTime"; @@ -28,8 +28,10 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi keterangan: requestLog?.keterangan, hak_kamar_pasien: requestLog?.hak_kamar_pasien, penempatan_kamar: requestLog?.penempatan_kamar, + type_of_member: '', reason: requestLog?.reason }); + const [error, setError] = useState(false); const [isReasonSelected, setIsReasonSelected] = useState(true); @@ -40,6 +42,7 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi keterangan: requestLog?.keterangan || '', hak_kamar_pasien: requestLog?.hak_kamar_pasien || '', penempatan_kamar: requestLog?.penempatan_kamar || '', + type_of_member: requestLog?.type_of_member || '', reason: requestLog?.reason || '', }); @@ -65,7 +68,10 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi const handleSubmit = () => { - if (isReasonSelected && formData.reason !== '') { + if (formData.type_of_member === "") { + setError(true); + alert('Silakan pilih Type Of Member sebelum mengirimkan data.'); + } else if (isReasonSelected && formData.reason !== '') { axios .put(`customer-service/request/${requestLog?.id}`, formData) .then((response) => { @@ -81,6 +87,8 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi setIsReasonSelected(false); alert('Silakan pilih alasan sebelum mengirimkan data.'); } + + } const style1 = { @@ -105,6 +113,7 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi hak_kamar_pasien: requestLog?.hak_kamar_pasien ?? '', penempatan_kamar: requestLog?.penempatan_kamar ?? '', reason: requestLog?.reason ?? '', + type_of_member: requestLog?.type_of_member ?? '' }); }; @@ -192,6 +201,24 @@ export default function DialogEditInformation({requestLog, setOpenDialog, openDi onChange={(e) => handleChange('penempatan_kamar', e.target.value)} /> + + Type Of Member* + + Reason*