Room, Table isDeleted updated

This commit is contained in:
vidhubk 2025-08-09 13:01:51 +05:30
parent 7bed4a6576
commit 75cf39efc2

View File

@ -38,7 +38,7 @@ const DineInInner = () => {
enable: 0,
});
const [errors, setErrors] = useState({});
const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null });
const [deleteConfirm, setDeleteConfirm] = useState({ show: false, id: null, isDeleted: null});
const [restaruntBranch, setRestaruntBranch] = useState("")
const [floorData, setFloorData] = useState(null);
const [roomData, setRoomData] = useState(null);
@ -66,7 +66,7 @@ const DineInInner = () => {
description: "",
});
const [roomErrors, setRoomErrors] = useState({});
const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null });
const [roomDeleteConfirm, setRoomDeleteConfirm] = useState({ show: false, id: null, isDeleted: null });
useEffect(() => {
const restarunt = localStorage.getItem("restaurantbranch")
@ -287,8 +287,11 @@ const DineInInner = () => {
const handleRoomDelete = async () => {
try {
await client.delete(`/Dine360 Room/${roomDeleteConfirm?.id}`);
setRoomDeleteConfirm({ show: false, id: null });
const body = {
isdeleted: roomDeleteConfirm?.isDeleted == 0 ? 1 : 0
}
await client.put(`/Dine360 Room/${roomDeleteConfirm?.id}`, body);
setRoomDeleteConfirm({ show: false, id: null, isDeleted: null });
getRoomData(selectedFloor);
} catch (error) {
if (
@ -576,6 +579,9 @@ const DineInInner = () => {
}}
>
<div className="card-body px-3 py-1 d-flex align-items-center ">
{
room?.isdeleted == 1 && (<Icon icon="mdi:block-helper" style={{color:"red"}}/>)
}
<span
className="text-truncatew-100 text-sm fw-semibold"
title={room.roomname}
@ -606,9 +612,17 @@ const DineInInner = () => {
<li>
<Link className="dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900" href="#" onClick={(e) => {
e.preventDefault();
setRoomDeleteConfirm({ show: true, id: room.name });
setRoomDeleteConfirm({ show: true, id: room.name, isDeleted: room.isdeleted });
}}>
<Icon icon="fluent:delete-24-regular" /> Delete
{room.isdeleted === 1 ? (
<>
<Icon icon="mdi:restore" /> Restore
</>
) : (
<>
<Icon icon="fluent:delete-24-regular" /> Delete
</>
)}
</Link>
</li>
</ul>
@ -749,13 +763,18 @@ const DineInInner = () => {
className='dropdown-item px-16 py-8 d-flex align-items-center gap-2 rounded text-secondary-light bg-hover-neutral-200 text-hover-neutral-900'
onClick={(e) => {
e.preventDefault();
setDeleteConfirm({ show: true, id: table.name })
setDeleteConfirm({ show: true, id: table.name, isDeleted: table.isdeleted })
}}
> <Icon
icon='fluent:delete-24-regular'
className='menu-icon'
/>
Delete
>
{table.isdeleted === 1 ? (
<>
<Icon icon="mdi:restore" /> Restore
</>
) : (
<>
<Icon icon="fluent:delete-24-regular" /> Delete
</>
)}
</Link>
</li>
</ul>
@ -941,23 +960,28 @@ const DineInInner = () => {
<div className="modal-body">
<div className="d-flex justify-content-between mb-1">
<h6 className="text-lg mb-0">Confirm Delete</h6>
<h6 className="text-lg mb-0">
{roomDeleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
</h6>
<button
type="button"
className="btn-close"
onClick={() => setRoomDeleteConfirm({ show: false, id: null })}
onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
></button>
</div>
<p className="mb-0">Are you sure you want to delete this Room?</p>
<p className="mb-0">
{roomDeleteConfirm?.isDeleted === 0
? "Are you sure you want to set this room as Delete?"
: "Are you sure you want to set this room as Restore?"}</p>
<div className="d-flex justify-content-end gap-2 mt-1">
<button
className="btn btn-outline-danger-600 px-14 py-6 text-sm"
onClick={() => setRoomDeleteConfirm({ show: false, id: null })}
onClick={() => setRoomDeleteConfirm({ show: false, id: null, isDeleted: null })}
>
Cancel
</button>
<button className="btn btn-danger px-14 py-6 text-sm" onClick={handleRoomDelete}>
Delete
{roomDeleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
</button>
</div>
</div>
@ -1142,23 +1166,29 @@ const DineInInner = () => {
<div className="modal-body">
<div className="d-flex justify-content-between mb-1">
<h6 className="text-lg mb-0">Confirm Delete</h6>
<h6 className="text-lg mb-0">
{deleteConfirm?.isDeleted === 0 ? "Confirm to Delete" : "Confirm to Restore"}
</h6>
<button
type="button"
className="btn-close"
onClick={() => setDeleteConfirm({ show: false, id: null })}
onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
></button>
</div>
<p className="m-0">Are you sure you want to delete this Table?</p>
<p className="m-0">
{floorDeleteConfirm?.isDeleted === 0
? "Are you sure you want to set this table as Delete?"
: "Are you sure you want to set this table as Restore?"}
</p>
<div className="d-flex justify-content-end gap-2 mt-1">
<button
className="btn btn-outline-danger px-14 py-6 text-sm"
onClick={() => setDeleteConfirm({ show: false, id: null })}
onClick={() => setDeleteConfirm({ show: false, id: null, isDeleted: null })}
>
Cancel
</button>
<button className="btn btn-danger px-14 py-6 text-sm" onClick={handleDelete}>
Delete
{deleteConfirm?.isDeleted === 0 ? "Delete" : "Restore"}
</button>
</div>
</div>