From e7ab5978adaff74929a536c664491205241b4829 Mon Sep 17 00:00:00 2001
From: William Duckitt <wdduckitt@sun.ac.za>
Date: Tue, 30 Apr 2024 15:06:56 +0200
Subject: [PATCH] Add onColor and offColor props to BitIndicators component

---
 .../src/components/BaseComponents/BitIndicators.tsx   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ReactApp/src/components/BaseComponents/BitIndicators.tsx b/ReactApp/src/components/BaseComponents/BitIndicators.tsx
index 987621bf..67ff2b1a 100644
--- a/ReactApp/src/components/BaseComponents/BitIndicators.tsx
+++ b/ReactApp/src/components/BaseComponents/BitIndicators.tsx
@@ -187,6 +187,14 @@ interface BitIndicatorsProps {
    * Additional props for the tooltip component.
    */
   tooltipProps?: object;
+  /**
+   * The color of the bits when on.
+   */
+  onColor?: string;
+  /**
+   * The color of the bits when off.
+   */
+  offColor?: string;
 }
 
 /**
@@ -208,16 +216,17 @@ const BitIndicators = ({
   usePvBitLabels = false,
   ...props
 }: BitIndicatorsProps) => {
+  
   return (
     <Widget
       {...props}
-      component={BitIndicatorsComponent}
       numberOfBits={numberOfBits}
       horizontal={horizontal}
       reverseBits={reverseBits}
       onColor={onColor}
       offColor={offColor}
       usePvBitLabels={usePvBitLabels}
+      component={BitIndicatorsComponent}
     />
   );
 };