change treeView appearance

gridsuite · Nov 8, 2023 · b3e0902 · b3e0902
1 parent b82955b
commit b3e0902
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/TreeViewFinder/TreeViewFinder.js b/src/components/TreeViewFinder/TreeViewFinder.js
@@ -96,6 +96,7 @@ const composeClasses = makeComposeClasses(generateTreeViewFinderClass);
  * @param {String}          [validationButtonText=default text] - Customized Validation Button text (default: Add N Elements)
  * @param {Boolean}         [onlyLeaves=true] - Allow/Forbid selection only on leaves
  * @param {Boolean}         [multiselect=false] - Allow/Forbid multiselection on Tree
+ * @param {Boolean}         [withCustomColor=true] - Display a custom color on the cancel button
  */
 const TreeViewFinder = (props) => {
     const intl = useIntl();
@@ -114,6 +115,7 @@ const TreeViewFinder = (props) => {
         multiselect,
         sortMethod,
         className,
+        withCustomColor = true,
     } = props;
 
     const [mapPrintedNodes, setMapPrintedNodes] = useState({});
@@ -344,17 +346,17 @@ const TreeViewFinder = (props) => {
             </DialogContent>
             <DialogActions>
                 <Button
-                    variant="contained"
                     style={{ float: 'left', margin: '5px' }}
                     onClick={() => {
                         onClose([]);
                         setSelected([]);
                     }}
+                    color={withCustomColor ? 'customButton' : 'primary'}
                 >
                     <FormattedMessage id="treeview_finder/cancel" />
                 </Button>
                 <Button
-                    variant="contained"
+                    variant="outlined"
                     style={{ float: 'left', margin: '5px' }}
                     onClick={() => {
                         onClose(computeSelectedNodes());
@@ -392,6 +394,7 @@ TreeViewFinder.propTypes = {
     onlyLeaves: PropTypes.bool,
     multiselect: PropTypes.bool,
     sortMethod: PropTypes.func,
+    withCustomColor: PropTypes.bool,
 };
 
 /* TreeViewFinder props default values */

diff --git a/src/components/react-hook-form/utils/submit-button.js b/src/components/react-hook-form/utils/submit-button.js
@@ -10,11 +10,15 @@ import { Button } from '@mui/material';
 import { useFormState } from 'react-hook-form';
 import { FormattedMessage } from 'react-intl';
 
-const SubmitButton = ({ onClick, disabled = false }) => {
+const SubmitButton = ({ onClick, disabled = false, variant }) => {
     const { isDirty } = useFormState();
 
     return (
-        <Button onClick={onClick} disabled={!isDirty || disabled}>
+        <Button
+            onClick={onClick}
+            disabled={!isDirty || disabled}
+            variant={variant}
+        >
             <FormattedMessage id="validate" />
         </Button>
     );