change dash-board layout

This commit is contained in:
smanylov
2026-01-13 15:29:34 +07:00
parent 2e928fb91a
commit afb6bf1760
14 changed files with 1484 additions and 14 deletions
+28 -10
View File
@@ -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>
</>
);
}