From 2979db744207cba2bb0f8b4582b4f7409d0a0f22 Mon Sep 17 00:00:00 2001
From: MathieuG-P <mathieu.gries-peroz@cirkwi.com>
Date: Thu, 21 Jul 2022 19:06:08 +0200
Subject: [PATCH] add and use edit icon

---
 src/renderer/components/svgs/bsm-icon.component.tsx      | 4 +++-
 .../components/svgs/icons/edit-icon.component.tsx        | 9 +++++++++
 src/renderer/pages/version-viewer.component.tsx          | 2 +-
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/components/svgs/icons/edit-icon.component.tsx

diff --git a/src/renderer/components/svgs/bsm-icon.component.tsx b/src/renderer/components/svgs/bsm-icon.component.tsx
index ae31d2f6..58b01314 100644
--- a/src/renderer/components/svgs/bsm-icon.component.tsx
+++ b/src/renderer/components/svgs/bsm-icon.component.tsx
@@ -16,11 +16,12 @@ import { TaskIcon } from "./icons/task-icon.component";
 import { CopyIcon } from "./icons/copy-icon.component";
 import { SteamIcon } from "./icons/steam-icon.component";
 import { CSSProperties } from "react";
+import EditIcon from "./icons/edit-icon.component";
 
 export type BsmIconType = (
    "settings"|"trash"|"favorite"|"folder"|"bsNote"|
    "terminal"|"desktop"|"oculus"|"add"|"cross"|"task"|
-   "copy"|"steam"|
+   "copy"|"steam"|"edit"|
    "fr-FR-flag"|"es-ES-flag"|"en-US-flag"|"en-EN-flag"
 );
 
@@ -44,6 +45,7 @@ export function BsmIcon({className, icon, style}: {className?: string, icon: Bsm
         if(icon === "task"){ return <TaskIcon className={className} style={style}/> }
         if(icon === "copy"){ return <CopyIcon className={className} style={style}/> }
         if(icon === "steam"){ return <SteamIcon className={className} style={style}/> }
+        if(icon === "edit"){ return <EditIcon className={className} style={style}/> }
         return <TrashIcon className={className} style={style}/>
     }
 
diff --git a/src/renderer/components/svgs/icons/edit-icon.component.tsx b/src/renderer/components/svgs/icons/edit-icon.component.tsx
new file mode 100644
index 00000000..669adedf
--- /dev/null
+++ b/src/renderer/components/svgs/icons/edit-icon.component.tsx
@@ -0,0 +1,9 @@
+import { CSSProperties } from "react";
+
+export default function EditIcon(props: {className?: string, style?: CSSProperties}) {
+  return (
+   <svg className={props.className} style={props.style} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" height="40" width="40">
+      <path fill="currentColor" d="M7.833 32.25h1.875L26.75 15.208l-1.875-1.875L7.833 30.375Zm24.959-19.042-5.959-5.916 1.917-1.917q.833-.833 2.042-.833 1.208 0 2.083.875l1.833 1.833q.875.833.854 2.021-.02 1.187-.854 2.021ZM6.542 35.125q-.667 0-1.125-.458-.459-.459-.459-1.125v-3.709q0-.333.104-.604.105-.271.355-.521L24.875 9.25l5.958 5.958-19.458 19.459q-.25.25-.542.354-.291.104-.583.104Zm19.25-20.833-.917-.959 1.875 1.875Z"/>
+   </svg>
+  )
+}
diff --git a/src/renderer/pages/version-viewer.component.tsx b/src/renderer/pages/version-viewer.component.tsx
index 63e77194..251952d9 100644
--- a/src/renderer/pages/version-viewer.component.tsx
+++ b/src/renderer/pages/version-viewer.component.tsx
@@ -135,7 +135,7 @@ export function VersionViewer() {
       <BsmDropdownButton className='absolute top-5 right-5 h-9 w-9' items={[
           {text: "pages.version-viewer.dropdown.open-folder", icon: "folder", onClick: openFolder},
           {text: "pages.version-viewer.dropdown.verify-files", icon: "task", onClick: verifyFiles},
-          (!state.steam && {text: "pages.version-viewer.dropdown.edit", icon: "task", onClick: edit}),
+          (!state.steam && {text: "pages.version-viewer.dropdown.edit", icon: "edit", onClick: edit}),
           {text: "pages.version-viewer.dropdown.clone", icon: "copy", onClick: clone},
           {text: "pages.version-viewer.dropdown.uninstall", icon:"trash", onClick: uninstall}
         ]}/>