Function NotionRenderer

apps/web/components/NotionRenderer.tsx:12–37

({ recordMap }: { recordMap: any })

// Week-4-1-647987d9b1894c54ba5c822978377910
export const NotionRenderer = ({ recordMap }: { recordMap: any }) => {
  const { resolvedTheme } = useTheme();
  const isDarkMode = resolvedTheme === "dark";

  const isLegacyMode = useRecoilValue(isLegacyViewMode);

  const components = useMemo(
    () => ({
      Code: CodeBlock,
      // can add more components that are supported here
    }),
    []
  );

  if (!recordMap?.block || Object.keys(recordMap.block).length === 0) {
    return (
      <div className="flex flex-col items-center justify-center gap-2 py-24 text-center">
        <p className="text-lg font-medium">This lesson is temporarily unavailable</p>
        <p className="text-muted-foreground text-sm">
          We couldn&apos;t load the content right now. Please refresh in a little while.
        </p>
      </div>
    );
  }

  return (
    <NotionRendererLib
      bodyClassName="text-base sm:text-lg"
      className={isLegacyMode ? "" : "pt-12 dark:!bg-[#0a0a0a]"}