From 1e02ce044c706c0d09df761fe517b00d1833b211 Mon Sep 17 00:00:00 2001
From: Jon <jonathon.lockwood@networkedweb.com>
Date: Wed, 11 Dec 2024 11:58:54 +0930
Subject: [PATCH] feat(component): add documentation icon

ref: #18
---
 src/components/IconLoader.jsx          |  2 ++
 src/components/icons/documentation.jsx | 14 ++++++++++++++
 src/components/page/Footer.jsx         |  1 +
 3 files changed, 17 insertions(+)
 create mode 100644 src/components/icons/documentation.jsx

diff --git a/src/components/IconLoader.jsx b/src/components/IconLoader.jsx
index 3cb891d7..51509405 100644
--- a/src/components/IconLoader.jsx
+++ b/src/components/IconLoader.jsx
@@ -50,6 +50,7 @@ import TicketRequest from "./icons/TicketRequest";
 import TicketIncident from "./icons/TicketIncident";
 import TicketProblem from "./icons/TicketProblem";
 import TicketChange from "./icons/TicketChange";
+import Documentation from "./icons/documentation";
 
 
 const icon_components = {
@@ -65,6 +66,7 @@ const icon_components = {
     device_status_ok: InventoryStatusOkIcon,
     device_status_unk: InventoryStatusUknIcon,
     device_status_warn: InventoryStatusWarnIcon,
+    documentation: Documentation,
     reply: ReplyIcon,
     delete: DeleteIcon,
     device: DeviceIcon,
diff --git a/src/components/icons/documentation.jsx b/src/components/icons/documentation.jsx
new file mode 100644
index 00000000..6f55b77b
--- /dev/null
+++ b/src/components/icons/documentation.jsx
@@ -0,0 +1,14 @@
+const Documentation = ({
+    width = '20px',
+    height = '20px',
+    fill = '#FFF'
+}) => {
+
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width={ width } height={ height } fill={ fill }>
+            <path d="M19 1L14 6V17L19 12.5V1M21 5V18.5C19.9 18.15 18.7 18 17.5 18C15.8 18 13.35 18.65 12 19.5V6C10.55 4.9 8.45 4.5 6.5 4.5C4.55 4.5 2.45 4.9 1 6V20.65C1 20.9 1.25 21.15 1.5 21.15C1.6 21.15 1.65 21.1 1.75 21.1C3.1 20.45 5.05 20 6.5 20C8.45 20 10.55 20.4 12 21.5C13.35 20.65 15.8 20 17.5 20C19.15 20 20.85 20.3 22.25 21.05C22.35 21.1 22.4 21.1 22.5 21.1C22.75 21.1 23 20.85 23 20.6V6C22.4 5.55 21.75 5.25 21 5M10 18.41C8.75 18.09 7.5 18 6.5 18C5.44 18 4.18 18.19 3 18.5V7.13C3.91 6.73 5.14 6.5 6.5 6.5C7.86 6.5 9.09 6.73 10 7.13V18.41Z" />
+        </svg>
+    );
+}
+
+export default Documentation
\ No newline at end of file
diff --git a/src/components/page/Footer.jsx b/src/components/page/Footer.jsx
index 1bf1293f..07fc5d93 100644
--- a/src/components/page/Footer.jsx
+++ b/src/components/page/Footer.jsx
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import IconLoader from "../IconLoader";
 
 const Footer = ({
     api_version_data