feat: dashboard-page

2026-04-04 16:53:12 +03:00
parent 55cb214458
commit 78f35f6811
11 changed files with 1221 additions and 0 deletions
@@ -0,0 +1,72 @@
+import { useState } from "react";
+import type { ChartType, ChartWidget } from "../types";
+
+const initialWidgets: ChartWidget[] = [
+  {
+    id: "1",
+    type: "line",
+    title: "Линии",
+    dataKey: "chart-line",
+    visible: true,
+  },
+  {
+    id: "2",
+    type: "bar",
+    title: "Столбцы",
+    dataKey: "chart-bar",
+    visible: true,
+  },
+  {
+    id: "3",
+    type: "area",
+    title: "Закрашенные линии",
+    dataKey: "chart-area",
+    visible: true,
+  },
+  {
+    id: "4",
+    type: "pie",
+    title: "Круговая диаграмма",
+    dataKey: "chart-pie",
+    visible: true,
+  },
+];
+
+export const useWidgets = () => {
+  const [widgets, setWidgets] = useState<ChartWidget[]>(initialWidgets);
+
+  const addWidget = (data: {
+    type: ChartType;
+    title: string;
+    dataKey: string;
+  }) => {
+    const newWidget: ChartWidget = {
+      id: Date.now().toString(),
+      ...data,
+      visible: true,
+    };
+    setWidgets([...widgets, newWidget]);
+  };
+
+  const updateWidget = (updated: ChartWidget) => {
+    setWidgets(widgets.map((w) => (w.id === updated.id ? updated : w)));
+  };
+
+  const removeWidget = (id: string) => {
+    setWidgets(widgets.filter((w) => w.id !== id));
+  };
+
+  const toggleVisibility = (id: string) => {
+    setWidgets(
+      widgets.map((w) => (w.id === id ? { ...w, visible: !w.visible } : w)),
+    );
+  };
+
+  return {
+    widgets,
+    addWidget,
+    updateWidget,
+    removeWidget,
+    toggleVisibility,
+  };
+};