rht

apps/web/src/components/common/uploader/ResourceShower.tsx

@@ -7,8 +7,10 @@ import { formatFileSize, getCompressedImageUrl } from "@nice/utils";
 
 export default function ResourcesShower({
 	resources = [],
+	isShowImage
 }: {
 	resources: ResourceDto[];
+	isShowImage?: boolean;
 }) {
 	const { resources: dealedResources } = useMemo(() => {
 		if (!resources) return { resources: [] };
@@ -36,7 +38,7 @@ export default function ResourcesShower({
 	const fileResources = dealedResources.filter((res) => !res.isImage);
 	return (
 		<div className="space-y-3">
-			{imageResources.length > 0 && (
+			{imageResources.length > 0 && isShowImage && (
 				<Row gutter={[16, 16]} className="mb-6">
 					<Image.PreviewGroup>
 						{imageResources.map((resource) => (

apps/web/src/components/models/course/detail/CourseDetailDisplayArea.tsx

@@ -48,18 +48,22 @@ export const CourseDetailDisplayArea: React.FC = () => {
 				)}
 			{!lectureIsLoading &&
 				selectedLectureId &&
-				lecture?.meta?.type === LectureType.ARTICLE && (
+				(
 					<div className="flex justify-center flex-col items-center gap-2 w-full my-2 ">
 						<div className="w-full   rounded-lg      ">
+							{lecture?.meta?.type === LectureType.ARTICLE && (
 								<CollapsibleContent
 									content={lecture?.content || ""}
 									maxHeight={500} // Optional, defaults to 150
 								/>
+							)}
 							<div className="px-6">
 								<ResourcesShower
 									resources={
 										lecture?.resources
-									}></ResourcesShower>
+									}
+									isShowImage = {lecture?.meta?.type === LectureType.ARTICLE}
+								></ResourcesShower>
 							</div>
 						</div>
 					</div>

apps/web/src/components/models/course/editor/form/CourseContentForm/SortableLecture.tsx

@@ -175,8 +175,9 @@ export const SortableLecture: React.FC<SortableLectureProps> = ({
 							/>
 						</Form.Item>
 					</div>
-					<div className="mt-4 flex flex-1 ">
+					<div className="mt-4 flex flex-2 flex-col gap-y-5 ">
 						{lectureType === LectureType.VIDEO ? (
+							<>
 								<Form.Item
 									name={["meta", "videoIds"]}
 									className="mb-0 flex-1"
@@ -191,6 +192,13 @@ export const SortableLecture: React.FC<SortableLectureProps> = ({
 										multiple={false}
 									/>
 								</Form.Item>
+								<Form.Item
+									name={["meta", "fileIds"]}
+									className="mb-0 flex-1">
+									<TusUploader multiple={true} />
+								</Form.Item>
+							</>
+							
 						) : (
 							<div>
 								<Form.Item