change dash-board layout
This commit is contained in:
@@ -5,6 +5,14 @@ import StatsGrid from '@/app/ui/dashboard/stats-grid';
|
||||
import { useTranslations } from 'next-intl';
|
||||
import FilesTable from '@/app/ui/dashboard/files-table';
|
||||
import PageTitle from '@/app/ui/page-title';
|
||||
import DashboardUserStats from '@/app/ui/dashboard/new/dashboard-user-stats';
|
||||
import DashboardUserFiles from '@/app/ui/dashboard/new/dashboard-user-files';
|
||||
import DashboardPlatformsList from '@/app/ui/dashboard/new/dashboard-platforms-list';
|
||||
import DashboardFilesInfo from '@/app/ui/dashboard/new/dashboard-files-info';
|
||||
import DahboardLimitsSection from '@/app/ui/dashboard/new/dashborad-limits-section';
|
||||
import DahboardGeographySection from '@/app/ui/dashboard/new/dashboard-geography-section';
|
||||
import DashboardLastCheck from '@/app/ui/dashboard/new/dashboard-last-check';
|
||||
import ViolationsCarousel from '@/app/ui/dashboard/new/violations-carousel';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Dashboard',
|
||||
@@ -14,16 +22,26 @@ export default function Page() {
|
||||
const t = useTranslations('Global');
|
||||
|
||||
return (
|
||||
<>
|
||||
<Suspense fallback={<>...</>}>
|
||||
<PageTitle title="statistics">
|
||||
</PageTitle>
|
||||
<div className="split-blocks">
|
||||
<ProtectionOverview />
|
||||
<StatsGrid />
|
||||
<Suspense fallback={<>...</>}>
|
||||
<PageTitle title="statistics">
|
||||
</PageTitle>
|
||||
<DashboardUserStats />
|
||||
<div className="dashboard-main-grid">
|
||||
<div className="left-column">
|
||||
<DashboardUserFiles />
|
||||
<DashboardPlatformsList />
|
||||
</div>
|
||||
<FilesTable fileType={'all'} />
|
||||
</Suspense>
|
||||
</>
|
||||
<div className="right-column">
|
||||
<ViolationsCarousel />
|
||||
</div>
|
||||
</div>
|
||||
<DashboardFilesInfo />
|
||||
<div className="grid grid-cols-2 mb-[30px] gap-[20px]">
|
||||
<DahboardLimitsSection />
|
||||
<DahboardGeographySection />
|
||||
</div>
|
||||
<FilesTable fileType={'all'} />
|
||||
<DashboardLastCheck />
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
import { Metadata } from 'next';
|
||||
import { Suspense } from 'react';
|
||||
import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
|
||||
import StatsGrid from '@/app/ui/dashboard/stats-grid';
|
||||
import { useTranslations } from 'next-intl';
|
||||
import FilesTable from '@/app/ui/dashboard/files-table';
|
||||
import PageTitle from '@/app/ui/page-title';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Dashboard',
|
||||
};
|
||||
|
||||
export default function Page() {
|
||||
const t = useTranslations('Global');
|
||||
|
||||
return (
|
||||
<>
|
||||
<Suspense fallback={<>...</>}>
|
||||
<PageTitle title="statistics">
|
||||
</PageTitle>
|
||||
<div className="split-blocks">
|
||||
<ProtectionOverview />
|
||||
<StatsGrid />
|
||||
</div>
|
||||
<FilesTable fileType={'all'} />
|
||||
</Suspense>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user