Function ContentRenderer

src/components/admin/ContentRenderer.tsx:130–167

({
  content,
  nextContent,
}: {
  nextContent: {
    id: number;
    type: string;
    title: string;
  } | null;
  content: {
    type: 'video' | 'appx';
    id: number;
    title: string;
    description: string;
    thumbnail: string;
    slides?: string;
    markAsCompleted: boolean;
    bookmark: Bookmark | null;
    courseId: string;
  };
})

};

export const ContentRenderer = async ({
  content,
  nextContent,
}: {
  nextContent: {
    id: number;
    type: string;
    title: string;
  } | null;
  content: {
    type: 'video' | 'appx';
    id: number;
    title: string;
    description: string;
    thumbnail: string;
    slides?: string;
    markAsCompleted: boolean;
    bookmark: Bookmark | null;
    courseId: string;
  };
}) => {
  const metadata = await getMetadata(content.id);
  const result = await getAppxCourseId(content.courseId);
  const appxCourseId = typeof result !== 'string' ? '' : result;

  // @ts-ignore
  const appxVideoId: string = metadata?.appxVideoJSON?.[appxCourseId] ?? '';

  return (
    <div>
      <ContentRendererClient
        nextContent={nextContent}
        metadata={metadata}
        content={{ ...content, appxVideoId, appxCourseId }}
      />
    </div>
  );
};