22 lines
844 B
TypeScript
22 lines
844 B
TypeScript
import React, { Suspense, lazy } from 'react';
|
|
import { PageSkeleton } from '../shared/ui/Skeleton';
|
|
import { ErrorBoundary } from '../shared/ui/ErrorBoundary';
|
|
import { RouteGuard } from '../app/guards/RouteGuard';
|
|
|
|
const CardLayoutBuilder = lazy(() =>
|
|
import('../features/settings/entities/CardLayoutBuilder').then((m) => ({ default: m.CardLayoutBuilder }))
|
|
);
|
|
|
|
export const CardLayoutBuilderPage: React.FC = () => {
|
|
return (
|
|
<RouteGuard module="settings" moduleName="Конструктор карточки">
|
|
<ErrorBoundary scope="Конструктор карточки">
|
|
<Suspense fallback={<PageSkeleton title="Конструктор детальной карточки" />}>
|
|
<CardLayoutBuilder />
|
|
</Suspense>
|
|
</ErrorBoundary>
|
|
</RouteGuard>
|
|
);
|
|
};
|
|
|
|
export default CardLayoutBuilderPage;
|