diff --git a/src/components/FolderView.tsx b/src/components/FolderView.tsx
index 15757b86a..10ad77cea 100644
--- a/src/components/FolderView.tsx
+++ b/src/components/FolderView.tsx
@@ -16,6 +16,7 @@ export const FolderView = ({
}) => {
const router = useRouter();
+
if (!courseContent?.length) {
return (
@@ -23,19 +24,25 @@ export const FolderView = ({
);
}
- let updatedRoute = `/courses/${courseId}`;
- for (let i = 0; i < rest.length; i++) {
- updatedRoute += `/${rest[i]}`;
- }
- // why? because we have to reset the segments or they will be visible always after a video
-
const currentfilter = useRecoilValue(selectFilter);
-
const filteredCourseContent = getFilteredContent(
courseContent,
currentfilter,
);
-
+ if (!filteredCourseContent?.length) {
+ return (
+
+
+ No {currentfilter} content found in this section.
+
+
+ );
+}
+let updatedRoute = `/courses/${courseId}`;
+ for (let i = 0; i < rest.length; i++) {
+ updatedRoute += `/${rest[i]}`;
+ }
+ // why? because we have to reset the segments or they will be visible always after a video
return (