diff --git a/src/assets/icons/audio.webp b/src/assets/icons/audio.webp
new file mode 100644
index 0000000..c5b4560
Binary files /dev/null and b/src/assets/icons/audio.webp differ
diff --git a/src/assets/icons/document.webp b/src/assets/icons/document.webp
new file mode 100644
index 0000000..27ea88f
Binary files /dev/null and b/src/assets/icons/document.webp differ
diff --git a/src/assets/icons/video.webp b/src/assets/icons/video.webp
new file mode 100644
index 0000000..df78522
Binary files /dev/null and b/src/assets/icons/video.webp differ
diff --git a/src/components/EditVideo/EditVideo.tsx b/src/components/EditVideo/EditVideo.tsx
index b209c3b..2742b40 100644
--- a/src/components/EditVideo/EditVideo.tsx
+++ b/src/components/EditVideo/EditVideo.tsx
@@ -751,7 +751,7 @@ export const EditVideo = () => {
dispatch(updateInHashMap(clonedCopy));
dispatch(
setNotification({
- msg: "Video updated",
+ msg: "File updated",
alertType: "success",
})
);
diff --git a/src/components/UploadVideo/UploadVideo.tsx b/src/components/UploadVideo/UploadVideo.tsx
index 310a737..2e8b7e0 100644
--- a/src/components/UploadVideo/UploadVideo.tsx
+++ b/src/components/UploadVideo/UploadVideo.tsx
@@ -674,7 +674,7 @@ export const UploadVideo = ({ editId, editContent }: NewCrowdfundProps) => {
setPlaylistSetting(null);
dispatch(
setNotification({
- msg: "Videos published",
+ msg: "Files published",
alertType: "success",
})
);
diff --git a/src/constants/index.ts b/src/constants/index.ts
index a9d4dd6..128ea8e 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -1,6 +1,9 @@
import softwareIcon from '../assets/icons/software.webp'
import gamingIcon from '../assets/icons/gaming.webp'
import mediaIcon from '../assets/icons/media.webp'
+import audioIcon from '../assets/icons/audio.webp'
+import videoIcon from '../assets/icons/video.webp'
+import documentIcon from '../assets/icons/document.webp'
const useTestIdentifiers = false;
@@ -227,5 +230,8 @@ export const subCategories3: CategoryMap = {
export const icons = {
1: softwareIcon,
2: gamingIcon,
- 3: mediaIcon
+ 3: mediaIcon,
+ 302: videoIcon,
+ 301: audioIcon,
+ 304: documentIcon
}
\ No newline at end of file
diff --git a/src/pages/Home/VideoList.tsx b/src/pages/Home/VideoList.tsx
index 504321e..0cff5cd 100644
--- a/src/pages/Home/VideoList.tsx
+++ b/src/pages/Home/VideoList.tsx
@@ -682,7 +682,19 @@ export const VideoList = ({ mode }: VideoListProps) => {
hasHash = true;
}
-
+ const category = categories?.find(item => item?.id === videoObj?.category);
+ const subcategory = subCategories[category?.id]?.find(item => item?.id === videoObj?.subcategory);
+ const subcategory2 = subCategories2[subcategory?.id]?.find(item => item.id === videoObj?.subcategory2);
+ const subcategory3 = subCategories3[subcategory2?.id]?.find(item => item.id === videoObj?.subcategory3);
+
+ const catId = category?.id || null;
+ const subId = subcategory?.id || null;
+ const sub2Id = subcategory2?.id || null;
+ const sub3Id = subcategory3?.id || null;
+
+ const icon = icons[sub3Id] || icons[sub2Id] || icons[subId] || icons[catId] || null;
+
+
@@ -753,7 +765,7 @@ export const VideoList = ({ mode }: VideoListProps) => {
gap: '25px',
alignItems: 'center'
}}>
- {icons[videoObj?.category] ? : (
diff --git a/src/pages/VideoContent/VideoContent.tsx b/src/pages/VideoContent/VideoContent.tsx
index 41295be..e0194b0 100644
--- a/src/pages/VideoContent/VideoContent.tsx
+++ b/src/pages/VideoContent/VideoContent.tsx
@@ -33,7 +33,7 @@ import {
CrowdfundSubTitle,
CrowdfundSubTitleRow,
} from "../../components/UploadVideo/Upload-styles";
-import { QTUBE_VIDEO_BASE } from "../../constants";
+import { QTUBE_VIDEO_BASE, categories, subCategories, subCategories2, subCategories3 } from "../../constants";
import { Playlists } from "../../components/Playlists/Playlists";
import { DisplayHtml } from "../../components/common/TextEditor/DisplayHtml";
import FileElement from "../../components/common/FileElement";
@@ -277,7 +277,18 @@ export const VideoContent = () => {
}
}, [videoData]);
+ const categoriesDisplay = useMemo(()=> {
+ const category = categories?.find((item)=> item?.id === videoData?.category)
+ if(!category) return null
+ const subcategory = subCategories[category?.id]?.find(item=> item?.id === videoData?.subcategory)
+ if(!subcategory) return category?.name
+ const subcategory2 = subCategories2[subcategory?.id]?.find(item => item.id === videoData?.subcategory2)
+ if(!subcategory2) return `${category?.name} > ${subcategory?.name}`
+ const subcategory3 = subCategories3[subcategory2?.id]?.find(item => item.id === videoData?.subcategory3)
+ if(!subcategory3) return `${category?.name} > ${subcategory?.name} > ${subcategory2?.name}`
+ return `${category?.name} > ${subcategory?.name} > ${subcategory2?.name} > ${subcategory3?.name}`
+ }, [videoData])
return (
@@ -354,6 +365,14 @@ export const VideoContent = () => {
+
+ {categoriesDisplay}
+
+