responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

2024-09-14 02:41:38 +03:30
parent d1f289bdca
commit 9d1c4aa299
60 changed files with 459 additions and 166 deletions
@@ -1,16 +1,27 @@
+import { useEffect, useState } from "react";
+
 import Activities from "@/components/layoutPanel/userDetail/Activities";
 import AmountOfIncome from "./amountOfIncome";
 import Cards from "./Cards";
 import List from "./list";

 function DashboardPage({ data }) {
+
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    }, []);
+
    return (
        <div className="flex mt-[4px] flex-col gap-[20px] opacity-page">
-            <Cards data={data} />
-            <List data={data} />
-            <AmountOfIncome data={data} />
+            <Cards data={data} loading={loading} />
+            <List data={data} loading={loading} />
+            <AmountOfIncome data={data} loading={loading} />
            <div className="flex xl:hidden">
-                <Activities data={data} />
+                <Activities data={data} loading={loading} />
            </div>
        </div>
    )