From 0d6a2d3a5bf5399b7e1941e3a94865899de3a413 Mon Sep 17 00:00:00 2001
From: Johannes Klein <johannes.t.klein@gmail.com>
Date: Mon, 30 Sep 2024 18:30:03 +0200
Subject: [PATCH] Refactor LoadingButton

---
 src/app/AlignmentCard.js            |  5 -----
 src/app/Raxml.js                    |  5 -----
 src/app/components/LoadingButton.js | 10 +++++++++-
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/app/AlignmentCard.js b/src/app/AlignmentCard.js
index cfe5b3f..4cb80ac 100644
--- a/src/app/AlignmentCard.js
+++ b/src/app/AlignmentCard.js
@@ -150,12 +150,7 @@ function _ModelTestButton({ alignment }) {
   }
   return (
     <LoadingButton
-      variant="contained"
-      color="default"
       style={{ marginLeft: 10 }}
-      classes={{
-        root: classes.primaryButton,
-      }}
       loading={alignment.modeltestLoading}
       onClick={alignment.runModelTest}
       disabled={alignment.modeltestDisabled}
diff --git a/src/app/Raxml.js b/src/app/Raxml.js
index ff7cf2b..b03bcd5 100644
--- a/src/app/Raxml.js
+++ b/src/app/Raxml.js
@@ -83,11 +83,6 @@ class Raxml extends React.Component {
             </Button>
           ) : null}
           <LoadingButton
-            variant="contained"
-            color="default"
-            classes={{
-              root: classes.primaryButton,
-            }}
             loading={run.running}
             disabled={run.startDisabled}
             onClick={run.start}
diff --git a/src/app/components/LoadingButton.js b/src/app/components/LoadingButton.js
index 0a35647..ed958eb 100644
--- a/src/app/components/LoadingButton.js
+++ b/src/app/components/LoadingButton.js
@@ -28,13 +28,21 @@ function LoadingButton(props) {
   return (
     <div className={clsx(classes.wrapper, className)}>
       <Button
+        variant="contained"
         disabled={disabled}
+        classes={{
+          root: classes.primaryButton,
+        }}
         {...buttonProps}
       >
         { props.children }
       </Button>
       {loading && (
-        <CircularProgress size={24} className={classes.progress} {...progressProps} />
+        <CircularProgress
+          size={24}
+          className={classes.progress}
+          {...progressProps}
+        />
       )}
     </div>
   );