Merged in fix/missing-skeletons (pull request #3486)
fix: Missing footer skeletons * Fix footer skeletons * Remove unused export Approved-by: Matilda Landström
This commit is contained in:
@@ -1,7 +1,9 @@
|
|||||||
|
import { Suspense } from "react"
|
||||||
|
|
||||||
import { getFooter } from "@/lib/trpc/memoizedRequests"
|
import { getFooter } from "@/lib/trpc/memoizedRequests"
|
||||||
|
|
||||||
import FooterDetails from "./Details"
|
import FooterDetails, { FooterDetailsSkeleton } from "./Details"
|
||||||
import FooterNavigation from "./Navigation"
|
import FooterNavigation, { FooterNavigationSkeleton } from "./Navigation"
|
||||||
|
|
||||||
import styles from "./footer.module.css"
|
import styles from "./footer.module.css"
|
||||||
|
|
||||||
@@ -14,8 +16,12 @@ export default async function Footer() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className={styles.footer}>
|
<footer className={styles.footer}>
|
||||||
|
<Suspense fallback={<FooterNavigationSkeleton />}>
|
||||||
<FooterNavigation />
|
<FooterNavigation />
|
||||||
|
</Suspense>
|
||||||
|
<Suspense fallback={<FooterDetailsSkeleton />}>
|
||||||
<FooterDetails />
|
<FooterDetails />
|
||||||
|
</Suspense>
|
||||||
</footer>
|
</footer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -105,7 +105,7 @@ export default function MyPagesMenuWrapper() {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function MyPagesMenuWrapperSkeleton() {
|
function MyPagesMenuWrapperSkeleton() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<MyPagesMenuSkeleton />
|
<MyPagesMenuSkeleton />
|
||||||
|
|||||||
Reference in New Issue
Block a user