@@ -10,7 +10,6 @@ import InviteGatheringSkeleton from '@/app/invite/gathering/[gatheringId]/src/co
1010import { BackgroundTemplate , Button } from '@/shared/components' ;
1111import SkeletonGuard from '@/shared/components/SkeletonGuard' ;
1212import { useParam } from '@/shared/hooks/useParam' ;
13- import { cn } from '@/shared/lib' ;
1413
1514const InviteGathering = ( ) => {
1615 const gatheringId = Number ( useParam ( 'gatheringId' ) ) ;
@@ -20,26 +19,18 @@ const InviteGathering = () => {
2019 < BackgroundTemplate . Main className = "px-5" >
2120 < BackgroundTemplate . Gradient className = "pointer-events-none" />
2221
23- < div
24- className = { cn (
25- 'relative z-10 mx-auto w-full max-w-[600px]' ,
26- 'min-h-[100svh]' ,
27- 'overflow-y-auto [-webkit-overflow-scrolling:touch]' ,
28- 'pb-[calc(120px+env(safe-area-inset-bottom,0px))]'
22+ < QueryErrorResetBoundary >
23+ { ( { reset } ) => (
24+ < ErrorBoundary onReset = { reset } FallbackComponent = { InviteGatheringErrorFallback } >
25+ < SkeletonGuard minMs = { 250 } skeleton = { < InviteGatheringSkeleton /> } >
26+ < Suspense fallback = { null } >
27+ < InviteGatheringContent />
28+ </ Suspense >
29+ </ SkeletonGuard >
30+ </ ErrorBoundary >
2931 ) }
30- >
31- < QueryErrorResetBoundary >
32- { ( { reset } ) => (
33- < ErrorBoundary onReset = { reset } FallbackComponent = { InviteGatheringErrorFallback } >
34- < SkeletonGuard minMs = { 250 } skeleton = { < InviteGatheringSkeleton /> } >
35- < Suspense fallback = { null } >
36- < InviteGatheringContent />
37- </ Suspense >
38- </ SkeletonGuard >
39- </ ErrorBoundary >
40- ) }
41- </ QueryErrorResetBoundary >
42- </ div >
32+ </ QueryErrorResetBoundary >
33+
4334 < BackgroundTemplate . CTA >
4435 < Button
4536 className = "w-full"
0 commit comments