New: UI Updates (Backup Restore in App, Profile Cloning)

UI Pulls from Sonarr

frontend/src/Components/Link/IconButton.js

@@ -11,6 +11,7 @@ function IconButton(props) {
     name,
     kind,
     size,
+    isSpinning,
     ...otherProps
   } = props;
 
@@ -24,6 +25,7 @@ function IconButton(props) {
         name={name}
         kind={kind}
         size={size}
+        isSpinning={isSpinning}
       />
     </Link>
   );
@@ -34,7 +36,8 @@ IconButton.propTypes = {
   iconClassName: PropTypes.string,
   kind: PropTypes.string,
   name: PropTypes.string.isRequired,
-  size: PropTypes.number
+  size: PropTypes.number,
+  isSpinning: PropTypes.bool
 };
 
 IconButton.defaultProps = {

frontend/src/Components/Link/SpinnerButton.js

@@ -29,10 +29,8 @@ function SpinnerButton(props) {
       <span className={styles.spinnerContainer}>
         <Icon
           className={styles.spinner}
-          name={classNames(
-            spinnerIcon,
-            'fa-spin'
-          )}
+          name={spinnerIcon}
+          isSpinning={true}
         />
       </span>
 

frontend/src/Components/Link/SpinnerIconButton.js

@@ -14,7 +14,7 @@ function SpinnerIconButton(props) {
 
   return (
     <IconButton
-      name={isSpinning ? `${spinningName || name} fa-spin` : name}
+      name={isSpinning ? (spinningName || name) : name}
       isDisabled={isDisabled || isSpinning}
       {...otherProps}
     />