From 1d6620147872c46ade3e90067b52a292566a083f Mon Sep 17 00:00:00 2001 From: Hieuhuy Pham Date: Wed, 22 Jan 2025 05:36:56 -0500 Subject: [PATCH] Added Suspense to the entire layout, because our server sucks and sometime giving people the suspense loading page is a good look while the server is fetching and sending back the new page --- src/app/globals.css | 2 +- src/app/layout.tsx | 18 +++++++++++++++--- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 6b717ad..a45bba3 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -18,4 +18,4 @@ body { color: var(--foreground); background: var(--background); font-family: Arial, Helvetica, sans-serif; -} +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e7d692c..4cd8ee4 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,9 +2,8 @@ import "tailwindcss/tailwind.css"; - import Script from "next/script"; -import React, { useEffect, useState } from "react"; +import React, { Suspense, useEffect, useState } from "react"; import NightModeToggle from "@/components/NightModeToggle"; import Navbar from "@/components/NavigationBar"; import KofiWidget from "@/components/KofiWidget"; @@ -34,6 +33,17 @@ export default function RootLayout({ children }: { children: React.ReactNode }) document.documentElement.classList.toggle("dark", !isDarkMode); }; + const Default_Fallback = () => ( +
+ Loading... + Loading content... +
+ ) + return ( @@ -72,7 +82,9 @@ export default function RootLayout({ children }: { children: React.ReactNode }) -
{children}
+ }> +
{children}
+