tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Add Dummy Notification Data

Browse Source
This commit is contained in:
R
2023-02-24 10:45:03 +07:00
parent 1c4f03ea83
commit 8902718523
3 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/hospital-portal/src/pages/Dashboard.tsx
View File

@@ -13,17 +13,18 @@ import { Stack } from '@mui/system';
import { Input } from '@mui/material';
//sections
import TableList from '@/sections/dashboard/TableList';
import { fDate } from '@/utils/formatTime';
// ----------------------------------------------------------------------
// const [notifications, setNotifications] = useState([])
const itemList = [
// { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '08:00 WIB' },
// { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '09:00 WIB' },
// { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '10:00 WIB' },
// { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '11:00 WIB' },
];
// const itemList = [
// // { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '08:00 WIB' },
// // { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '09:00 WIB' },
// // { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '10:00 WIB' },
// // { info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '11:00 WIB' },
// ];
// ----------------------------------------------------------------------
@@ -63,6 +64,23 @@ export default function Dashboard() {
// const [tableData, setTableData] = useState([]);
const [policyData, setPolicyData] = useState<PolicyProps>(defaultPolicyData);
// TODO Remove This
const [itemList, setItemList] = useState([]);
function handleDataLoaded(dataTable) {
let dummyData = [];
dataTable.map(function(data) {
if (data.status == 'approved') {
dummyData.push({
info: `LOG Approved for member ${data.member.full_name}`,
date: fDate(data.created_at, "dd MMMM"),
time: fDate(data.created_at, "HH:mm")
})
}
})
setItemList(dummyData);
}
return (
<Page title="Dashboard">
<Container maxWidth={themeStretch ? false : 'xl'}>
@@ -74,7 +92,7 @@ export default function Dashboard() {
<CardNotification data={itemList} />
</Grid>
<Grid item xs={12} lg={12} md={12}>
<TableList />
<TableList dataLoaded={handleDataLoaded}/>
</Grid>
</Grid>
</Container>

4
frontend/hospital-portal/src/sections/dashboard/CardNotification.tsx
View File

@@ -28,7 +28,7 @@ const RootNotificationStyle = styled(Card)(({ theme }) => ({
padding: '1rem 0.5rem',
color: 'black',
backgroundColor: theme.palette.grey[200],
maxHeight: '240px',
// maxHeight: '240px',
}));
const ItemNotificationStyle = styled(Card)(({ theme }) => ({
@@ -94,7 +94,7 @@ export default function CardNotification({ data }: NotificationProps) {
</Button>
</Stack>
<ItemNotificationStyle sx={{ marginTop: 2, overflowY: 'auto', maxHeight: '154px' }}>
<ItemNotificationStyle sx={{ marginTop: 2, overflowY: 'auto', maxHeight: '180px' }}>
{(data && data.length)
? data.map(({ info, date, time }, key) => (
<div key={key}>

4
frontend/hospital-portal/src/sections/dashboard/TableList.tsx
View File

@@ -176,6 +176,7 @@ function EnhancedTableHead({ order, orderBy, onRequestSort }: EnhancedTableProps
}
/* -------------------------------------------------------------------------- */
// TODO Don't use emit
export default function TableList(props: any) {
const [dataTable, setDataTable] = useState([]);
const [paginationTable, setPaginationTable] = useState<PaginationTableProps>({
@@ -306,6 +307,9 @@ export default function TableList(props: any) {
setPaginationTable(response.data.data);
setRowsPerPage(response.data.data.per_page);
setIsLoading(false);
// TODO Remove This
props.dataLoaded(response.data.data.data);
})();
}, [appliedParams, searchParams, order, orderBy, setSearchParams]);