Bug fixed : Button Group widget is not consistent with the dark theme (…

…ToolJet#3950)
JPatil22 · Sep 12, 2022 · 59e0f31 · 59e0f31
1 parent 76461d9
commit 59e0f31
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/Editor/Components/ButtonGroup.jsx b/frontend/src/Editor/Components/ButtonGroup.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 
-export const ButtonGroup = function Button({ height, properties, styles, fireEvent, setExposedVariable }) {
+export const ButtonGroup = function Button({ height, properties, styles, fireEvent, setExposedVariable, darkMode }) {
   const { values, labels, label, defaultSelected, multiSelection } = properties;
   const {
     backgroundColor,
@@ -61,7 +61,7 @@ export const ButtonGroup = function Button({ height, properties, styles, fireEve
   };
   return (
     <div className="widget-buttongroup" style={{ height }}>
-      {label && <p className="widget-buttongroup-label">{label}</p>}
+      {label && <p className={`widget-buttongroup-label ${darkMode && 'text-light'}`}>{label}</p>}
       <div>
         {data?.map((item, index) => (
           <button