From b3e0902d1141db84e5e887151584112d2478e4b4 Mon Sep 17 00:00:00 2001
From: TOURI ANIS <anis-1.touri@rte-france.com>
Date: Wed, 8 Nov 2023 10:51:27 +0100
Subject: [PATCH] change treeView appearance

---
 src/components/TreeViewFinder/TreeViewFinder.js       | 7 +++++--
 src/components/react-hook-form/utils/submit-button.js | 8 ++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/TreeViewFinder/TreeViewFinder.js b/src/components/TreeViewFinder/TreeViewFinder.js
index f496c3de..77e2648c 100644
--- 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
index 7808efc1..7061d6ff 100644
--- 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>
     );