2025-05-06 11:38:50 +00:00
|
|
|
import { Suspense } from "react";
|
|
|
|
import {
|
|
|
|
DescriptionContent,
|
|
|
|
DescriptionContentSkeleton,
|
|
|
|
} from "@/features/problems/description/components/content";
|
2025-06-20 15:03:23 +00:00
|
|
|
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
|
2025-05-06 11:38:50 +00:00
|
|
|
|
|
|
|
interface DescriptionPanelProps {
|
2025-05-07 06:47:20 +00:00
|
|
|
problemId: string;
|
2025-05-06 11:38:50 +00:00
|
|
|
}
|
|
|
|
|
2025-05-13 07:36:07 +00:00
|
|
|
export const DescriptionPanel = ({ problemId }: DescriptionPanelProps) => {
|
2025-05-06 11:38:50 +00:00
|
|
|
return (
|
2025-06-20 15:03:23 +00:00
|
|
|
<PanelLayout>
|
|
|
|
<Suspense fallback={<DescriptionContentSkeleton />}>
|
|
|
|
<DescriptionContent problemId={problemId} />
|
|
|
|
</Suspense>
|
|
|
|
</PanelLayout>
|
2025-05-06 11:38:50 +00:00
|
|
|
);
|
|
|
|
};
|