Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | import { memo, useMemo } from 'react'; import { useListPlanDocuments } from '@amalia/lti/state'; import { type EnrollmentDocumentWidget, type LtiPlan } from '@amalia/lti/types'; import { EnrollmentDocumentWidgetCardPreview } from './EnrollmentDocumentWidgetCardPreview'; import { EnrollmentEmbeddedDocumentWidgetPreview } from './EnrollmentEmbeddedDocumentWidgetPreview'; type EnrollmentPreviewDocumentWidgetProps = { readonly planId: LtiPlan['id']; readonly widget: EnrollmentDocumentWidget; }; export const EnrollmentPreviewDocumentWidget = memo(function EnrollmentPreviewDocumentWidget({ planId, widget, }: EnrollmentPreviewDocumentWidgetProps) { const { data: documents = [] } = useListPlanDocuments(planId); const document = useMemo( () => documents.find((item) => item.id === widget.documentId), [documents, widget.documentId], ); return (document?.isEmbedded ?? (widget.isDraft && widget.placeholderIsEmbedded)) ? ( <EnrollmentEmbeddedDocumentWidgetPreview document={document} planId={planId} /> ) : ( <EnrollmentDocumentWidgetCardPreview document={document} planId={planId} /> ); }); |