From cffc38c0df4ba72cae83751cc89b9d03b471a12a Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Sun, 8 Aug 2021 00:55:28 +1000
Subject: [PATCH] Update status indicator

---
 src/components/menu/buttons/DeviceStatusDropdown.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/menu/buttons/DeviceStatusDropdown.tsx b/src/components/menu/buttons/DeviceStatusDropdown.tsx
index 7546cb60..b8e6eed6 100644
--- a/src/components/menu/buttons/DeviceStatusDropdown.tsx
+++ b/src/components/menu/buttons/DeviceStatusDropdown.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Types } from '@meshtastic/meshtasticjs';
+import { SwitchVerticalIcon } from '@heroicons/react/outline';
 
 import { useAppSelector } from '../../../hooks/redux';
 import { Button } from '../../generic/Button';
@@ -11,7 +11,8 @@ export const DeviceStatusDropdown = (): JSX.Element => {
 
   return (
     <Button>
-      <div
+      <SwitchVerticalIcon className={`h-6 w-6 ${!ready && 'animate-pulse'}`} />
+      {/* <div
         className={`flex w-6 h-6 rounded-full animate-pulse shadow-md ${
           deviceStatus <= Types.DeviceStatusEnum.DEVICE_DISCONNECTED
             ? 'bg-red-400 animate-pulse'
@@ -22,7 +23,7 @@ export const DeviceStatusDropdown = (): JSX.Element => {
             ? 'bg-green-400'
             : 'bg-gray-400'
         }`}
-      ></div>
+      ></div> */}
     </Button>
   );
 };