From a9cca76283169bc3f30e1dc9508752401f039007 Mon Sep 17 00:00:00 2001
From: Johannes Klein <johannes.t.klein@gmail.com>
Date: Mon, 30 Sep 2024 21:31:00 +0200
Subject: [PATCH] Unused code

---
 src/app/AlignmentCard.js            |  3 --
 src/app/components/LoadingButton.js | 44 +++++++++--------------------
 src/app/components/OptionSelect.js  |  1 -
 3 files changed, 14 insertions(+), 34 deletions(-)

diff --git a/src/app/AlignmentCard.js b/src/app/AlignmentCard.js
index 4cb80ac..ca9666e 100644
--- a/src/app/AlignmentCard.js
+++ b/src/app/AlignmentCard.js
@@ -11,10 +11,7 @@ import Chip from '@mui/material/Chip';
 import Switch from '@mui/material/Switch';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
-import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import InputLabel from '@mui/material/InputLabel';
-import Select from '@mui/material/Select';
 import Tooltip from '@mui/material/Tooltip';
 import Card from '@mui/material/Card';
 import CardHeader from '@mui/material/CardHeader';
diff --git a/src/app/components/LoadingButton.js b/src/app/components/LoadingButton.js
index 043906a..231572d 100644
--- a/src/app/components/LoadingButton.js
+++ b/src/app/components/LoadingButton.js
@@ -1,48 +1,32 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { makeStyles } from '@mui/styles';
 import Button from '@mui/material/Button';
 import CircularProgress from '@mui/material/CircularProgress';
-
-const useStyles = makeStyles(theme => ({
-  wrapper: {
-    position: 'relative',
-  },
-  progress: {
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    marginTop: -12,
-    marginLeft: -12,
-    pointerEvents: 'none',
-  },
-}));
+import { Box } from '@mui/material';
 
 function LoadingButton(props) {
-  const classes = useStyles();
-  const { loading, className, ...buttonProps } = props;
+  const { loading, ...buttonProps } = props;
   const disabled = (loading || buttonProps.disabled);
 
   return (
-    <div className={clsx(classes.wrapper, className)}>
+    <Box sx={{ position: 'relative' }}>
       <Button
         variant="contained"
         disabled={disabled}
-        classes={{
-          root: classes.primaryButton,
-        }}
         {...buttonProps}
       >
-        { props.children }
+        {props.children}
       </Button>
-      {loading && (
-        <CircularProgress
-          size={24}
-          className={classes.progress}
-        />
-      )}
-    </div>
+      {loading && <CircularProgress size={24} sx={{
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        marginTop: -12,
+        marginLeft: -12,
+        pointerEvents: 'none',
+      }}
+      />}
+    </Box>
   );
 }
 
diff --git a/src/app/components/OptionSelect.js b/src/app/components/OptionSelect.js
index 112c30e..3bf9148 100644
--- a/src/app/components/OptionSelect.js
+++ b/src/app/components/OptionSelect.js
@@ -32,7 +32,6 @@ const OptionSelect = observer(({ option, className }) => {
   return (
     <FormControl variant="standard" className={className} title={option.hoverInfo}>
       <Select
-        variant="standard"
         value={option.value}
         onChange={(e) => option.setValue(e.target.value)}
         inputProps={{