redesign
This commit is contained in:
@@ -18,11 +18,11 @@ export default function Page() {
|
||||
<Suspense fallback={<>...</>}>
|
||||
<PageTitle title="statistics">
|
||||
</PageTitle>
|
||||
<div className="flex justify-between flex-wrap gap-8">
|
||||
<div className="split-blocks">
|
||||
<ProtectionOverview />
|
||||
<StatsGrid />
|
||||
</div>
|
||||
<FilesTable fileType={'all'}/>
|
||||
<FilesTable fileType={'all'} />
|
||||
</Suspense>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -8,38 +8,33 @@ import { StackedBarChart } from '@/app/components/StackedBarChart';
|
||||
const data = [
|
||||
{
|
||||
name: 'File A',
|
||||
checks: 4000,
|
||||
violations: 2000
|
||||
checks: 4,
|
||||
violations: 2
|
||||
},
|
||||
{
|
||||
name: 'File B',
|
||||
checks: 3000,
|
||||
violations: 1400
|
||||
checks: 8,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File C',
|
||||
checks: 2000,
|
||||
violations: 1000
|
||||
checks: 2,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File D',
|
||||
checks: 2780,
|
||||
violations: 1000
|
||||
checks: 7,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File E',
|
||||
checks: 5090,
|
||||
violations: 4800
|
||||
checks: 5,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File F',
|
||||
checks: 5390,
|
||||
violations: 3800
|
||||
},
|
||||
{
|
||||
name: 'File H',
|
||||
checks: 4000,
|
||||
violations: 1500
|
||||
checks: 5,
|
||||
violations: 3
|
||||
}
|
||||
];
|
||||
|
||||
@@ -50,9 +45,9 @@ export default async function Page() {
|
||||
return (
|
||||
<div>
|
||||
<PageTitle title="audio-protection" />
|
||||
<div className="flex justify-between flex-wrap gap-8">
|
||||
<div className="split-blocks">
|
||||
<ProtectionSummary />
|
||||
<div className="protection-overview grow">
|
||||
<div className="protection-overview">
|
||||
<StackedBarChart data={data} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -8,38 +8,33 @@ import {StackedBarChart} from '@/app/components/StackedBarChart';
|
||||
const data = [
|
||||
{
|
||||
name: 'File A',
|
||||
checks: 4000,
|
||||
violations: 2000
|
||||
checks: 4,
|
||||
violations: 2
|
||||
},
|
||||
{
|
||||
name: 'File B',
|
||||
checks: 3000,
|
||||
violations: 1400
|
||||
checks: 8,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File C',
|
||||
checks: 2000,
|
||||
violations: 1000
|
||||
checks: 2,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File D',
|
||||
checks: 2780,
|
||||
violations: 1000
|
||||
checks: 7,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File E',
|
||||
checks: 5090,
|
||||
violations: 4800
|
||||
checks: 5,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File F',
|
||||
checks: 5390,
|
||||
violations: 3800
|
||||
},
|
||||
{
|
||||
name: 'File H',
|
||||
checks: 4000,
|
||||
violations: 1500
|
||||
checks: 5,
|
||||
violations: 3
|
||||
}
|
||||
];
|
||||
|
||||
@@ -50,9 +45,9 @@ export default async function Page() {
|
||||
return (
|
||||
<div>
|
||||
<PageTitle title="image-protection" />
|
||||
<div className="flex justify-between flex-wrap gap-8">
|
||||
<div className="split-blocks">
|
||||
<ProtectionSummary />
|
||||
<div className="protection-overview grow">
|
||||
<div className="protection-overview">
|
||||
<StackedBarChart data={data} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -8,38 +8,33 @@ import { StackedBarChart } from '@/app/components/StackedBarChart';
|
||||
const data = [
|
||||
{
|
||||
name: 'File A',
|
||||
checks: 4000,
|
||||
violations: 2000
|
||||
checks: 4,
|
||||
violations: 2
|
||||
},
|
||||
{
|
||||
name: 'File B',
|
||||
checks: 3000,
|
||||
violations: 1400
|
||||
checks: 8,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File C',
|
||||
checks: 2000,
|
||||
violations: 1000
|
||||
checks: 2,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File D',
|
||||
checks: 2780,
|
||||
violations: 1000
|
||||
checks: 7,
|
||||
violations: 1
|
||||
},
|
||||
{
|
||||
name: 'File E',
|
||||
checks: 5090,
|
||||
violations: 4800
|
||||
checks: 5,
|
||||
violations: 4
|
||||
},
|
||||
{
|
||||
name: 'File F',
|
||||
checks: 5390,
|
||||
violations: 3800
|
||||
},
|
||||
{
|
||||
name: 'File H',
|
||||
checks: 4000,
|
||||
violations: 1500
|
||||
checks: 5,
|
||||
violations: 3
|
||||
}
|
||||
];
|
||||
|
||||
@@ -50,9 +45,9 @@ export default async function Page() {
|
||||
return (
|
||||
<div>
|
||||
<PageTitle title="video-protection" />
|
||||
<div className="flex justify-between flex-wrap gap-8">
|
||||
<div className="split-blocks">
|
||||
<ProtectionSummary />
|
||||
<div className="protection-overview grow">
|
||||
<div className="protection-overview">
|
||||
<StackedBarChart data={data} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -12,9 +12,9 @@ const data = [
|
||||
export default function Page() {
|
||||
return (
|
||||
<>
|
||||
<div className="flex justify-between flex-wrap gap-x-8">
|
||||
<div className="split-blocks">
|
||||
<MyContentInfoBlock />
|
||||
<div className="protection-overview grow">
|
||||
<div className="protection-overview">
|
||||
<PieChartComponent data={data} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user