judge4c/src/features/problems/detail/components/panel.tsx

import { Suspense } from "react";
import {
  DetailContent,
  DetailContentSkeleton,
} from "@/features/problems/detail/components/content";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
import { DetailHeader } from "@/features/problems/detail/components/header";

interface DetailPanelProps {
  submissionId: string | undefined;
}

export const DetailPanel = ({ submissionId }: DetailPanelProps) => {
  if (!submissionId) {
    return (
      <PanelLayout isScroll={false}>
        <DetailContentSkeleton />
      </PanelLayout>
    );
  }

  return (
    <PanelLayout isScroll={false}>
      <div className="flex h-full min-h-0 flex-col">
        <DetailHeader />
        <Suspense fallback={<DetailContentSkeleton />}>
          <DetailContent submissionId={submissionId} />
        </Suspense>
      </div>
    </PanelLayout>
  );
};