feat: add SCORM Icon to FileIcon and EmptyCardCover

leemonade · Dec 21, 2023 · 7dd14d0 · 7dd14d0
1 parent 9eadf4d
commit 7dd14d0
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 0 deletions.
diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js
@@ -18,6 +18,7 @@ import { AssetModuleIcon } from '../FileIcon/AssetModuleIcon';
 import { AssetFeedbackIcon } from '../FileIcon/AssetFeedbackIcon';
 import { FileItemDisplay } from '../../informative/FileItemDisplay';
 import { AssetDocumentIconSmall } from '../FileIcon/AssetDocumentIcon';
+import { AssetScormIcon } from '../FileIcon/AssetScormIcon';
 
 const CardEmptyCover = memo(({ icon, fileType }) => {
   const pairColumnRef = useRef(null);
@@ -38,6 +39,10 @@ const CardEmptyCover = memo(({ icon, fileType }) => {
       key: 'learningpaths.module',
       value: <AssetModuleIcon height={24} width={24} color={'#878D96'} />,
     },
+    {
+      key: 'scorm',
+      value: <AssetScormIcon height={24} width={24} color={'#878D96'} />,
+    },
     {
       key: 'file',
       value: <FileItemDisplay size={18} color={'#878D96'} />,

diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js
@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+
+export const ASSET_SCORM_ICON_DEFAULT_PROPS = {
+  width: 24,
+  height: 24,
+  color: '#7E8795',
+};
+export const ASSET_SCORM_ICON_PROP_TYPES = {
+  width: PropTypes.number,
+  height: PropTypes.number,
+  color: PropTypes.string,
+};
diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js
diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/index.js b/packages/components/src/misc/FileIcon/AssetScormIcon/index.js
@@ -0,0 +1 @@
+export * from './AssetScormIcon';
diff --git a/packages/components/src/misc/FileIcon/FileIcon.js b/packages/components/src/misc/FileIcon/FileIcon.js
@@ -10,6 +10,7 @@ import { AssetAudioIcon } from './AssetAudioIcon';
 import { AssetImageIcon } from './AssetImageIcon';
 import { AssetBookmarkIcon } from './AssetBookmarkIcon';
 import { AssetDocumentIconSmall } from './AssetDocumentIcon';
+import { AssetScormIcon } from './AssetScormIcon';
 
 export const FILE_ICON_DEFAULT_PROPS = {
   size: 16,
@@ -37,6 +38,7 @@ const FileIcon = ({ fileType, fileExtension, label, size, color, iconStyle, ...p
     { key: 'path', value: <AssetPathIcon height={size} width={size} /> },
     { key: 'curriculum', value: <PluginCurriculumIcon height={size} width={size} /> },
     { key: 'document', value: <AssetDocumentIconSmall height={18} width={18} /> },
+    { key: 'scorm', value: <AssetScormIcon height={18} width={18} /> },
     {
       key: 'file',
       value: (

diff --git a/packages/components/src/misc/index.js b/packages/components/src/misc/index.js
@@ -9,5 +9,6 @@ export * from './FileIcon/AssetBookmarkIcon';
 export * from './FileIcon/AssetVideoIcon';
 export * from './FileIcon/AssetMediaIcon';
 export * from './FileIcon/AssetDocumentIcon';
+export * from './FileIcon/AssetScormIcon';
 export * from './AvatarSubject';
 export * from './CardEmptyCover';