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,12 +1,25 @@
+'use client';
+
+import { useEffect, useState } from "react";
+
 import Head from "./head";
-import List from "./List";
+import List from "./list";


 function TurnsPage({ data }) {
+
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    }, []);
+
    return (
-        <div className="bg-[#FFF] opacity-page rounded-[8px] shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] p-[24px]">
+        <div className="bg-transparent md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
            <Head />
-            <List data={data} />
+            <List data={data} loading={loading} />
        </div>
    )
 }