refactor(routes): convert route components to lazy-loaded for improved performance
This commit is contained in:
@@ -1,11 +1,15 @@
|
||||
import { PublicBookingConfirmationPage } from '@/features/public-booking/public-booking-confirmation-page';
|
||||
import { createFileRoute } from '@tanstack/react-router';
|
||||
import { createFileRoute, lazyRouteComponent } from '@tanstack/react-router';
|
||||
|
||||
const PublicBookingConfirmationPage = lazyRouteComponent(
|
||||
() => import('@/features/public-booking/public-booking-confirmation-page'),
|
||||
'PublicBookingConfirmationPage'
|
||||
);
|
||||
|
||||
export const Route = createFileRoute('/$complexSlug/booking/confirmed/$bookingCode')({
|
||||
component: PublicBookingConfirmationRouteComponent,
|
||||
component: RouteComponent,
|
||||
});
|
||||
|
||||
function PublicBookingConfirmationRouteComponent() {
|
||||
function RouteComponent() {
|
||||
const { complexSlug, bookingCode } = Route.useParams();
|
||||
|
||||
return <PublicBookingConfirmationPage complexSlug={complexSlug} bookingCode={bookingCode} />;
|
||||
|
||||
Reference in New Issue
Block a user