Feat: Accept icon on TypeIcon

Author: ntcho

frontend/components/atoms/TypeIcon/TypeIcon.js

@@ -1,7 +1,9 @@
 import {
-  mdiFileCabinet, mdiFileDocumentOutline, mdiTextBoxOutline
+  mdiFileCabinet,
+  mdiFileDocumentOutline,
+  mdiTextBoxOutline
 } from "@mdi/js";
-import { Icon } from '@mdi/react';
+import { Icon } from "@mdi/react";
 import React from "react";
 
 const icon = {
@@ -11,7 +13,10 @@ const icon = {
 };
 
 export default function TypeIcon({ type, ...props }) {
-  return (
+  const isString = typeof type === "string";
+  return isString ? (
     <Icon path={icon[type]} {...props} />
+  ) : (
+    <Icon path={type} {...props} />
   );
 }

frontend/components/organisms/ItemList/ItemList.js

@@ -3,12 +3,14 @@ import React from "react";
 import TypeIcon from "_atoms/TypeIcon";
 import Item from "_molecules/Item";
 
-export default function ItemList({ items, title, iconType }) {
+export default function ItemList({ items, title, icon, iconType }) {
   return (
     <div className="item-list">
       <div className="item-list-header">
-        <TypeIcon type={iconType} size={1.5} opacity={0.7} />
-        <div className="item-list-title">{title}</div>
+        {iconType != null || icon != null ? (
+          <TypeIcon type={iconType} path={icon} size={1.5} opacity={0.7} />
+        ) : null}
+        {title && <div className="item-list-title">{title}</div>}
       </div>
       <Stack direction="row" className="item-list-content" spacing={2}>
         {items != null ? (