From 6b15b7e69638a5f6b7488f21a78af442f3e6bf76 Mon Sep 17 00:00:00 2001
From: bourquecharles <charles.bourque96@gmail.com>
Date: Mon, 17 May 2021 21:25:33 -0400
Subject: [PATCH] Changing details button color when clicked

---
 src/components/DeviceCommands.js | 3 ++-
 src/components/DeviceHealth.js   | 2 +-
 src/components/DeviceLogs.js     | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/DeviceCommands.js b/src/components/DeviceCommands.js
index b88a22a..6283b6d 100644
--- a/src/components/DeviceCommands.js
+++ b/src/components/DeviceCommands.js
@@ -141,9 +141,10 @@ const DeviceCommands = () => {
                       <td className="py-2">
                         <CButton
                           color="primary"
-                          variant="outline"
+                          variant={details.includes(index) ? "" : "outline"}
                           shape="square"
                           size="sm"
+
                           onClick={() => {
                             toggleDetails(index);
                           }}
diff --git a/src/components/DeviceHealth.js b/src/components/DeviceHealth.js
index bdf1fbe..fdc66b1 100644
--- a/src/components/DeviceHealth.js
+++ b/src/components/DeviceHealth.js
@@ -158,7 +158,7 @@ const DeviceHealth = () => {
                         <td className="py-2">
                           <CButton
                             color="primary"
-                            variant="outline"
+                            variant={details.includes(index) ? "" : "outline"}
                             shape="square"
                             size="sm"
                             onClick={() => {
diff --git a/src/components/DeviceLogs.js b/src/components/DeviceLogs.js
index bb2c6ac..936f10b 100644
--- a/src/components/DeviceLogs.js
+++ b/src/components/DeviceLogs.js
@@ -116,7 +116,7 @@ const DeviceLogs = () => {
                 />
               </CCol>
               <CCol>
-                Top:
+                To:
                 <DatePicker
                   selected={end === '' ? new Date() : new Date(end)}
                   value={end === '' ? new Date() : new Date(end)}
@@ -141,7 +141,7 @@ const DeviceLogs = () => {
                       <td className="py-2">
                         <CButton
                           color="primary"
-                          variant="outline"
+                          variant={details.includes(index) ? "" : "outline"}
                           shape="square"
                           size="sm"
                           onClick={() => {