46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import FusePageSimple from '@fuse/core/FusePageSimple';
|
|
import { useState } from 'react';
|
|
import { styled } from '@mui/material/styles';
|
|
import * as React from 'react';
|
|
import FuseLoading from '@fuse/core/FuseLoading';
|
|
import ProjectDashboardAppHeader from './ProjectDashboardAppHeader';
|
|
import HomeTab from './tabs/home/HomeTab';
|
|
import { useGetProjectDashboardWidgetsQuery } from './ProjectDashboardApi';
|
|
|
|
const Root = styled(FusePageSimple)(({ theme }) => ({
|
|
'& .FusePageSimple-header': {
|
|
backgroundColor: theme.palette.background.paper,
|
|
boxShadow: `inset 0 0 0 1px ${theme.palette.divider}`
|
|
}
|
|
}));
|
|
|
|
/**
|
|
* The ProjectDashboardApp page.
|
|
*/
|
|
function ProjectDashboardApp() {
|
|
const { isLoading } = useGetProjectDashboardWidgetsQuery();
|
|
|
|
const [tabValue, setTabValue] = useState(0);
|
|
|
|
function handleChangeTab(event: React.SyntheticEvent, value: number) {
|
|
setTabValue(value);
|
|
}
|
|
|
|
if (isLoading) {
|
|
return <FuseLoading />;
|
|
}
|
|
|
|
return (
|
|
<Root
|
|
header={<ProjectDashboardAppHeader />}
|
|
content={
|
|
<div className="w-full p-12 pt-16 sm:pt-24 lg:ltr:pr-0 lg:rtl:pl-0">
|
|
{tabValue === 0 && <HomeTab />}
|
|
</div>
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default ProjectDashboardApp;
|