Merge branch '13765-information-inside-details-panel'

[arvados-workbench2.git] / src / components / icon / icon.tsx

diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index b0b4e2922c8bb6612b710b8dcb28b797205b4484..c420a19c8d46397caa1934908528e5127e149b32 100644 (file)
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -8,15 +8,24 @@ import CloseAnnouncement from '@material-ui/icons/Announcement';
 import CloseIcon from '@material-ui/icons/Close';
 import FolderIcon from '@material-ui/icons/Folder';
 
+export enum IconTypes {
+    ANNOUNCEMENT = 'announcement',
+    FOLDER = 'folder',
+    CLOSE = 'close',
+    PROJECT  = 'project',
+    COLLECTION = 'collection',
+    PROCESS = 'process'
+}
+
 interface IconBaseDataProps {
-    icon: string;
+    icon: IconTypes;
     className?: string;
 }
 
 type IconBaseProps = IconBaseDataProps;
 
 interface IconBaseState {
-    icon: string;
+    icon: IconTypes;
 }
 
 const getSpecificIcon = (props: any) => ({
@@ -24,13 +33,13 @@ const getSpecificIcon = (props: any) => ({
     folder: <FolderIcon className={props.className} />,
     close: <CloseIcon className={props.className} />,
     project: <i className={classnames([props.className, 'fas fa-folder fa-lg'])} />,
-    collection: <i className="fas fa-archive fa-lg" />,
-    process: <i className="fas fa-cogs fa-lg" />
+    collection: <i className={classnames([props.className, 'fas fa-archive fa-lg'])} />,
+    process: <i className={classnames([props.className, 'fas fa-cogs fa-lg'])} />
 });
 
 class IconBase extends React.Component<IconBaseProps, IconBaseState> {
     state = {
-        icon: '',
+        icon: IconTypes.FOLDER,
     };
 
     render() {