From e1500d817e5519d3ef6ccec1ecc47343c9cec4ca Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sun, 19 Jun 2022 21:56:34 +0200
Subject: [PATCH] create custom re-usable icon component

---
 .../components/svgs/bsm-icon.component.tsx    | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/renderer/components/svgs/bsm-icon.component.tsx

diff --git a/src/renderer/components/svgs/bsm-icon.component.tsx b/src/renderer/components/svgs/bsm-icon.component.tsx
new file mode 100644
index 00000000..18a18f0a
--- /dev/null
+++ b/src/renderer/components/svgs/bsm-icon.component.tsx
@@ -0,0 +1,30 @@
+import { SettingIcon } from "./setting-icon.component"
+import { TrashIcon } from "./trash-icon.component"
+import { FavoriteIcon } from "./favorite-icon.component"
+import { FolderIcon } from "./folder-icon.component";
+import { BsNoteFill } from "./bs-note-fill.component";
+import { TerminalIcon } from "./terminal-icon.component";
+import { DesktopIcon } from "./desktop-icon.component";
+import { OculusIcon } from "./oculus-icon.component";
+
+export type BsmIconType = "settings"|"trash"|"favorite"|"folder"|"bsNote"|"terminal"|"desktop"|"oculus";
+
+export function BsmIcon({className, icon}: {className?: string, icon: BsmIconType}) {
+
+    const renderIcon = () => {
+        if(icon === "settings"){ return <SettingIcon className={className}/> }
+        if(icon === "trash"){ return <TrashIcon className={className}/> }
+        if(icon === "favorite"){ return <FavoriteIcon className={className}/> }
+        if(icon === "folder"){ return <FolderIcon className={className}/> }
+        if(icon === "bsNote"){ return <BsNoteFill className={className}/> }
+        if(icon === "terminal"){ return <TerminalIcon className={className}/> }
+        if(icon === "desktop"){ return <DesktopIcon className={className}/> }
+        if(icon === "oculus"){ return <OculusIcon className={className}/> }
+    }
+
+  return (
+    <>
+        {renderIcon()}
+    </>
+  )
+}