From 09e73b2de0a677e4ae625bebf2851aa8f6119cc4 Mon Sep 17 00:00:00 2001
From: KrisLee1 <74817528+KrisLee1@users.noreply.github.com>
Date: Mon, 19 May 2025 17:14:59 +0800
Subject: [PATCH] Update index.tsx

Add charts with preview support for 5 chart colors.
---
 components/examples/dashboard/index.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/examples/dashboard/index.tsx b/components/examples/dashboard/index.tsx
index 9ad7688d..4fea296d 100644
--- a/components/examples/dashboard/index.tsx
+++ b/components/examples/dashboard/index.tsx
@@ -4,6 +4,8 @@ import { DataTable } from "@/components/examples/dashboard/components/data-table
 import { SectionCards } from "@/components/examples/dashboard/components/section-cards";
 import { SiteHeader } from "@/components/examples/dashboard/components/site-header";
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
+import { ChartPieDonut } from "./components/chart-pie-donut";
+import { ChartBarMixed } from "./components/chart-bar-mixed";
 
 import data from "./data.json";
 
@@ -20,6 +22,14 @@ export default function Page() {
               <div className="px-4 lg:px-6">
                 <ChartAreaInteractive />
               </div>
+              <div className="flex gap-4 px-4 lg:px-6">
+                <div className="basis-1/2">
+                  <ChartPieDonut />
+                </div>
+                <div className="basis-1/2">
+                  <ChartBarMixed />
+                </div>
+              </div>
               <DataTable data={data} />
             </div>
           </div>