diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.js
index 9df20e727..460f5d6e8 100644
--- 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: ,
},
+ {
+ key: 'scorm',
+ value: ,
+ },
{
key: 'file',
value: ,
diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.constants.js
new file mode 100644
index 000000000..133ab962b
--- /dev/null
+++ 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
new file mode 100644
index 000000000..bdbb09ab2
--- /dev/null
+++ b/packages/components/src/misc/FileIcon/AssetScormIcon/AssetScormIcon.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import {
+ ASSET_SCORM_ICON_PROP_TYPES,
+ ASSET_SCORM_ICON_DEFAULT_PROPS,
+} from './AssetScormIcon.constants';
+
+const AssetScormIcon = ({ width, height, color }) => (
+
+);
+
+AssetScormIcon.defaultProps = ASSET_SCORM_ICON_DEFAULT_PROPS;
+AssetScormIcon.propTypes = ASSET_SCORM_ICON_PROP_TYPES;
+
+AssetScormIcon.displayName = 'AssetModuleIcon';
+export default AssetScormIcon;
+export { AssetScormIcon };
diff --git a/packages/components/src/misc/FileIcon/AssetScormIcon/index.js b/packages/components/src/misc/FileIcon/AssetScormIcon/index.js
new file mode 100644
index 000000000..9d85ab88d
--- /dev/null
+++ 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
index 837c9eb21..be0bca4e6 100644
--- 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: },
{ key: 'curriculum', value: },
{ key: 'document', value: },
+ { key: 'scorm', value: },
{
key: 'file',
value: (
diff --git a/packages/components/src/misc/index.js b/packages/components/src/misc/index.js
index 75750f2b9..1b4b69297 100644
--- 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';