From b73d4869ccc5220e8238368dba3fc8969b82b9b0 Mon Sep 17 00:00:00 2001
From: Doug Martin <dmartin@concord.org>
Date: Mon, 8 Jul 2024 14:17:54 -0400
Subject: [PATCH] fix: Added missing disconnect icon [PT-187736835]

---
 src/mobile-app/components/sensor.tsx   | 2 +-
 src/shared/components/icon.tsx         | 4 +++-
 src/shared/icons/sensor-disconnect.svg | 3 +++
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/shared/icons/sensor-disconnect.svg

diff --git a/src/mobile-app/components/sensor.tsx b/src/mobile-app/components/sensor.tsx
index 4b8aec1..33344a4 100644
--- a/src/mobile-app/components/sensor.tsx
+++ b/src/mobile-app/components/sensor.tsx
@@ -223,7 +223,7 @@ export const SensorComponent: React.FC<ISensorComponentProps> = ({sensor, manual
         {manualEntryMode && canSwitchModes
           ? <MenuItemComponent disabled={inputDisabled} onClick={setSensorMode} icon="sensor">Sensor Mode</MenuItemComponent>
           : <>
-              {connected ? <MenuItemComponent disabled={inputDisabled} onClick={disconnect}>Disconnect</MenuItemComponent> : <MenuItemComponent icon="settings_input_antenna" disabled={inputDisabled} onClick={connect}>Connect</MenuItemComponent>}
+              {connected ? <MenuItemComponent disabled={inputDisabled} onClick={disconnect} icon="disconnect">Disconnect</MenuItemComponent> : <MenuItemComponent icon="settings_input_antenna" disabled={inputDisabled} onClick={connect}>Connect</MenuItemComponent>}
               {canSwitchModes ? <MenuItemComponent disabled={inputDisabled} onClick={setEditMode} icon="create">Edit Mode</MenuItemComponent> : undefined}
             </>}
       </MenuComponent>
diff --git a/src/shared/components/icon.tsx b/src/shared/components/icon.tsx
index 4155b3f..51cfe55 100644
--- a/src/shared/components/icon.tsx
+++ b/src/shared/components/icon.tsx
@@ -22,6 +22,7 @@ import ReRecordDataTrial from "../icons/re-record-data-trial.svg";
 import StopDataTrial from "../icons/stop-data-trial.svg";
 import DeleteDataTrial from "../icons/delete-data-trial.svg";
 import More from "../icons/more-button.svg";
+import Disconnect from "../icons/sensor-disconnect.svg"
 
 const Icons = {
   label: Label,
@@ -46,7 +47,8 @@ const Icons = {
   reRecordDataTrial: ReRecordDataTrial,
   stopDataTrial: StopDataTrial,
   deleteDataTrial: DeleteDataTrial,
-  more: More
+  more: More,
+  disconnect: Disconnect
 };
 export type IconName = keyof typeof Icons;
 
diff --git a/src/shared/icons/sensor-disconnect.svg b/src/shared/icons/sensor-disconnect.svg
new file mode 100644
index 0000000..5365b83
--- /dev/null
+++ b/src/shared/icons/sensor-disconnect.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M1.586 4 3 2.586 21.414 21 20 22.414l-7.001-7L13 17.88l3.41 3.41L15 22.7l-3-3-3 3-1.41-1.41L11 17.88v-3.3a2.513 2.513 0 0 1-1.476-2.64L7.565 9.98A4.976 4.976 0 0 0 7 12.29H5c0-1.39.404-2.685 1.101-3.774L4.663 7.077A8.958 8.958 0 0 0 3 12.29H1c0-2.494.832-4.795 2.234-6.641L1.586 4zM12 1.29c6.07 0 11 4.93 11 11h-2A9 9 0 0 0 7.652 4.408L6.192 2.95A10.941 10.941 0 0 1 12 1.29zm0 4c3.87 0 7 3.13 7 7h-2a5.002 5.002 0 0 0-6.297-4.83L9.141 5.897A6.985 6.985 0 0 1 12 5.29z" fill="#000" fill-rule="evenodd"/>
+</svg>