my-content-page and fix adaptive styles

2026-01-04 17:08:28 +07:00
parent d0de025d96
commit 3e9c87ec46
12 changed files with 314 additions and 42 deletions
@@ -0,0 +1,24 @@
+import MyContentInfoBlock from '@/app/ui/my-content/my-content-info-block';
+import { PieChartComponent } from '@/app/components/PieChartComponent';
+import FilesTable from '@/app/ui/dashboard/files-table';
+
+const data = [
+	{ name: 'images', value: 33, color: '#f08c00' },
+	{ name: 'videos', value: 50, color: '#2f9e44' },
+	{ name: 'audios', value: 25, color: '#1971c2' },
+	{ name: 'documents', value: 25, color: '#a561e6' },
+];
+
+export default function Page() {
+	return (
+		<>
+			<div className="flex justify-between flex-wrap gap-x-8">
+				<MyContentInfoBlock />
+				<div className="protection-overview grow">
+					<PieChartComponent data={data} />
+				</div>
+			</div>
+			<FilesTable fileType={'all'}/>
+		</>
+	)
+}