98 lines
3.1 KiB
JavaScript
98 lines
3.1 KiB
JavaScript
import React from "react";
|
|
import Grid from "@mui/material/Grid";
|
|
import Link from "next/link";
|
|
import styles from "@/styles/PageTitle.module.css";
|
|
import Profile from "@/components/Dashboard/SaasApp/Profile";
|
|
import IncomeStatus from "@/components/Dashboard/SaasApp/IncomeStatus";
|
|
import TotalOrders from "@/components/Dashboard/SaasApp/TotalOrders";
|
|
import Features from "@/components/Dashboard/SaasApp/Features";
|
|
import RevenueSummary from "@/components/Dashboard/SaasApp/RevenueSummary";
|
|
import SalesAnalytics from "@/components/Dashboard/SaasApp/SalesAnalytics";
|
|
import AudienceOverview from "@/components/Dashboard/SaasApp/AudienceOverview";
|
|
import AllProjects from "@/components/Dashboard/SaasApp/AllProjects";
|
|
import Messages from "@/components/Dashboard/SaasApp/Messages";
|
|
import CompletedTasks from "@/components/Dashboard/SaasApp/CompletedTasks";
|
|
import TasksPerformance from "@/components/Dashboard/SaasApp/TasksPerformance";
|
|
import MilestonesOverview from "@/components/Dashboard/SaasApp/MilestonesOverview";
|
|
|
|
export default function SaasApp() {
|
|
return (
|
|
<>
|
|
{/* Page title */}
|
|
<div className={styles.pageTitle}>
|
|
<h1>SaaS App</h1>
|
|
<ul>
|
|
<li>
|
|
<Link href="/">Dashboard</Link>
|
|
</li>
|
|
<li>SaaS App</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<Grid container justifyContent="center" rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
|
|
<Grid item xs={12} md={6} lg={6} xl={4}>
|
|
{/* Profile */}
|
|
<Profile />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} sm={6} md={6} lg={6} xl={4}>
|
|
{/* IncomeStatus */}
|
|
<IncomeStatus />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} sm={6} md={6} lg={6} xl={4}>
|
|
{/* TotalOrders */}
|
|
<TotalOrders />
|
|
</Grid>
|
|
</Grid>
|
|
|
|
{/* Features */}
|
|
<Features />
|
|
|
|
<Grid container rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* RevenueSummary */}
|
|
<RevenueSummary />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={12} lg={12} xl={6}>
|
|
{/* SalesAnalytics */}
|
|
<SalesAnalytics />
|
|
</Grid>
|
|
</Grid>
|
|
|
|
{/* AudienceOverview */}
|
|
<AudienceOverview />
|
|
|
|
<Grid container rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
|
|
<Grid item xs={12} md={12} lg={12} xl={8}>
|
|
{/* AllProjects */}
|
|
<AllProjects />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={12} lg={12} xl={4}>
|
|
{/* Messages */}
|
|
<Messages />
|
|
</Grid>
|
|
</Grid>
|
|
|
|
<Grid container justifyContent="center" rowSpacing={1} columnSpacing={{ xs: 1, sm: 2, md: 2 }}>
|
|
<Grid item xs={12} md={6} lg={6} xl={4}>
|
|
{/* MilestonesOverview */}
|
|
<MilestonesOverview />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={6} lg={6} xl={4}>
|
|
{/* TasksPerformance */}
|
|
<CompletedTasks />
|
|
</Grid>
|
|
|
|
<Grid item xs={12} md={6} lg={6} xl={4}>
|
|
{/* TasksPerformance */}
|
|
<TasksPerformance />
|
|
</Grid>
|
|
</Grid>
|
|
</>
|
|
);
|
|
}
|