fix: add suspense border everywhere

This commit is contained in:
dvelo 2025-04-22 17:05:11 -05:00
parent 738de7b6ee
commit 801b7c9a0a
5 changed files with 93 additions and 80 deletions

@ -30,6 +30,7 @@
import HomePageComponent from "@/components/feat/home-page/home-page"; import HomePageComponent from "@/components/feat/home-page/home-page";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Suspense } from "react";
export const metadata: Metadata = { export const metadata: Metadata = {
applicationName: "MHSF", applicationName: "MHSF",
@ -41,7 +42,9 @@ export const metadata: Metadata = {
export default function HomePage() { export default function HomePage() {
return ( return (
<div className="overflow-x-hidden"> <div className="overflow-x-hidden">
<Suspense>
<HomePageComponent /> <HomePageComponent />
</Suspense>
</div> </div>
); );
} }

@ -2,6 +2,7 @@ import { ServerProvider } from "@/components/feat/server-page/server-provider";
import type { ServerResponse } from "@/lib/types/mh-server"; import type { ServerResponse } from "@/lib/types/mh-server";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import { Suspense } from "react";
export async function generateMetadata({ export async function generateMetadata({
params, params,
@ -25,7 +26,7 @@ export async function generateMetadata({
// Generate the absolute URL for the OG image // Generate the absolute URL for the OG image
const ogImageUrl = new URL( const ogImageUrl = new URL(
`/api/og/server/${id}`, `/api/og/server/${id}`,
process.env.NEXT_PUBLIC_APP_URL || "https://mhsf.app" process.env.NEXT_PUBLIC_APP_URL || "https://mhsf.app",
).toString(); ).toString();
return { return {
@ -69,7 +70,9 @@ export default async function ServerPage({
return ( return (
<main> <main>
<Suspense>
<ServerProvider serverId={slug} /> <ServerProvider serverId={slug} />
</Suspense>
</main> </main>
); );
} }

@ -30,6 +30,7 @@
import { ServerList } from "@/components/feat/server-list/server-list"; import { ServerList } from "@/components/feat/server-list/server-list";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Suspense } from "react";
export const metadata: Metadata = { export const metadata: Metadata = {
applicationName: "MHSF", applicationName: "MHSF",
@ -40,7 +41,9 @@ export const metadata: Metadata = {
export default function ServerListPage() { export default function ServerListPage() {
return ( return (
<div> <div>
<Suspense>
<ServerList /> <ServerList />
</Suspense>
</div> </div>
); );
} }

@ -30,6 +30,7 @@
import { Settings } from "@/components/feat/settings/settings"; import { Settings } from "@/components/feat/settings/settings";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Suspense } from "react";
export const metadata: Metadata = { export const metadata: Metadata = {
applicationName: "MHSF", applicationName: "MHSF",
@ -40,7 +41,10 @@ export const metadata: Metadata = {
export default function ServerListPage() { export default function ServerListPage() {
return ( return (
<div> <div>
<Suspense
>
<Settings /> <Settings />
</Suspense>
</div> </div>
); );
} }