diff --git a/hotel-management/src/pages/User/UserTable.tsx b/hotel-management/src/pages/User/UserTable.tsx index c5a6780..279c7f8 100644 --- a/hotel-management/src/pages/User/UserTable.tsx +++ b/hotel-management/src/pages/User/UserTable.tsx @@ -5,7 +5,7 @@ import { StyledOperationTable } from './styled'; import Menus from '../../components/Menus/Menus'; import Table from '../../components/Table'; import Direction from '../../commons/styles/Direction'; -import Empty from '../../components/Message'; +import Message from '../../components/Message'; // Types import { TUser } from '../../globals/types'; @@ -20,28 +20,27 @@ const UserRow = ({ user }: TUserModal) => { alert(`Id: ${id}`); }; + const { id, name, identifiedCode, phone, roomId } = user; + return ( -
{user.id}
-
{user.name}
-
{user.identifiedCode}
-
{user.phone}
-
{user.roomId}
+
{id}
+
{name}
+
{identifiedCode}
+
{phone}
+
{roomId}
- + - + } - onClick={() => handleOnClick(user.id)} + onClick={() => handleOnClick(id)} > Edit - } - onClick={() => handleOnClick(user.id)} - > + } onClick={() => handleOnClick(id)}> Delete @@ -51,7 +50,7 @@ const UserRow = ({ user }: TUserModal) => { }; const UserTable = () => { - return sampleData.length > 0 ? ( + return sampleData.length ? (

Sort / Filter / Search table

@@ -74,7 +73,7 @@ const UserTable = () => {
) : ( - No data to show here! + No data to show here! ); };