first commit

2025-06-28 07:59:41 +07:00
parent 3986fd953b
commit 4efeaa9dfe
39 changed files with 983 additions and 830 deletions
@@ -5,9 +5,9 @@ import { IRootState } from '../../store';
 import { toggleSidebar } from '../../store/themeConfigSlice';
 import Footer from './Footer';
 import Header from './Header';
-import Setting from './Setting';
 import Sidebar from './Sidebar';
 import Portals from '../../components/Portals';
+import IconLoader from '../Icon/IconLoader';

 const DefaultLayout = ({ children }: PropsWithChildren) => {
    const themeConfig = useSelector((state: IRootState) => state.themeConfig);
@@ -89,7 +89,13 @@ const DefaultLayout = ({ children }: PropsWithChildren) => {
                        {/* END TOP NAVBAR */}

                        {/* BEGIN CONTENT AREA */}
-                        <Suspense>
+                        <Suspense
+                            fallback={
+                                <div className="flex h-screen w-screen items-center justify-center">
+                                    <IconLoader className="animate-spin w-16 h-16" />
+                                </div>
+                            }
+                        >
                            <div className={`${themeConfig.animation} p-6 animate__animated`}>{children}</div>
                        </Suspense>
                        {/* END CONTENT AREA */}