From bea07c433439600a411a4d4fbf8c8ea8654fd8eb Mon Sep 17 00:00:00 2001
From: bourquecharles <charles.bourque96@gmail.com>
Date: Thu, 20 May 2021 21:01:49 -0400
Subject: [PATCH] Adjusted health to give no more errors

---
 src/pages/DevicePage/DeviceHealth.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/pages/DevicePage/DeviceHealth.js b/src/pages/DevicePage/DeviceHealth.js
index 911a5e3..79a504f 100644
--- a/src/pages/DevicePage/DeviceHealth.js
+++ b/src/pages/DevicePage/DeviceHealth.js
@@ -1,7 +1,7 @@
 /* eslint-disable-rule prefer-destructuring */
 import React, { useState, useEffect } from 'react';
 import {
-  CWidgetProgress,
+  CWidgetDropdown,
   CCollapse,
   CButton,
   CDataTable,
@@ -9,6 +9,7 @@ import {
   CCardBody,
   CRow,
   CCol,
+  CProgress
 } from '@coreui/react';
 import CIcon from '@coreui/icons-react';
 import DatePicker from 'react-widgets/DatePicker';
@@ -104,14 +105,15 @@ const DeviceHealth = ({selectedDeviceId}) => {
   }
 
   return (
-    <CWidgetProgress
+    <CWidgetDropdown
       header={sanityLevel ? `${sanityLevel}%` : 'Unknown'}
       text="Device Health"
       value={sanityLevel ?? 100}
       color={barColor}
-      inverse
-      footer={
-        <div>
+      inverse="true"
+      footerSlot={
+        <div style={{ padding: '20px' }}>
+          <CProgress style={{marginBottom: '20px'}} color="white" value={sanityLevel ?? 0} />
           <CCollapse show={collapse}>
             <CRow style={{ marginBottom: '10px' }}>
               <CCol>