From c33a856a95d65f8ae39758393f4213278bf7df9e Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Sat, 25 Sep 2021 16:49:19 +1000
Subject: [PATCH] add DocumentPath icon

---
 src/assets/icons/DocumentPath.tsx               | 10 ++++++++++
 src/components/SideDrawer/Form/FieldWrapper.tsx |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/DocumentPath.tsx

diff --git a/src/assets/icons/DocumentPath.tsx b/src/assets/icons/DocumentPath.tsx
new file mode 100644
index 00000000..215a46b3
--- /dev/null
+++ b/src/assets/icons/DocumentPath.tsx
@@ -0,0 +1,10 @@
+import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
+import { mdiFileFindOutline } from "@mdi/js";
+
+export default function DocumentPath(props: SvgIconProps) {
+  return (
+    <SvgIcon {...props}>
+      <path d={mdiFileFindOutline} />
+    </SvgIcon>
+  );
+}
diff --git a/src/components/SideDrawer/Form/FieldWrapper.tsx b/src/components/SideDrawer/Form/FieldWrapper.tsx
index 736df831..e113fb3b 100644
--- a/src/components/SideDrawer/Form/FieldWrapper.tsx
+++ b/src/components/SideDrawer/Form/FieldWrapper.tsx
@@ -1,7 +1,7 @@
 import { Suspense } from "react";
 
 import { Stack, InputLabel, Typography, IconButton } from "@mui/material";
-import DebugIcon from "@mui/icons-material/BugReportOutlined";
+import DocumentPathIcon from "assets/icons/DocumentPath";
 import LaunchIcon from "@mui/icons-material/Launch";
 import LockIcon from "@mui/icons-material/LockOutlined";
 
@@ -46,7 +46,7 @@ export default function FieldWrapper({
           },
         }}
       >
-        {type === "debug" ? <DebugIcon /> : getFieldProp("icon", type)}
+        {type === "debug" ? <DocumentPathIcon /> : getFieldProp("icon", type)}
         <InputLabel
           id={`sidedrawer-label-${name}`}
           htmlFor={`sidedrawer-field-${name}`}