refactor: remove login-specific classes from ButtonWithLoader

Author: michaelhthomas

src/components/Common/ButtonWithLoader/index.tsx

@@ -18,7 +18,7 @@ export default function ButtonWithLoader({
   return (
     <Button
       className={twMerge(
-        'relative min-w-0 flex-grow bg-transparent disabled:opacity-50',
+        'relative bg-transparent disabled:opacity-50',
         className
       )}
       disabled={loading || disabled}

src/components/Login/OidcLoginButton.tsx

@@ -68,7 +68,11 @@ export default function OidcLoginButton({
   }, []);
 
   return (
-    <ButtonWithLoader loading={loading} onClick={() => redirectToLogin()}>
+    <ButtonWithLoader
+      loading={loading}
+      onClick={() => redirectToLogin()}
+      className="min-w-0 flex-grow"
+    >
       {/* eslint-disable-next-line @next/next/no-img-element */}
       <img
         src={provider.logo || '/images/openid.svg'}

src/components/Login/PlexLoginButton.tsx

@@ -26,7 +26,7 @@ const PlexLoginButton = ({
 
   return (
     <ButtonWithLoader
-      className="border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)]"
+      className="min-w-0 flex-grow border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)]"
       onClick={login}
       loading={loading || isProcessing}
       data-testid="plex-login-button"

src/components/Login/index.tsx

@@ -125,6 +125,7 @@ const Login = () => {
           <ButtonWithLoader
             key="seerr"
             data-testid="seerr-login-button"
+            className="min-w-0 flex-grow"
             onClick={() => setMediaServerLogin(false)}
           >
             {/* eslint-disable-next-line @next/next/no-img-element */}
@@ -139,6 +140,7 @@ const Login = () => {
           <ButtonWithLoader
             key="mediaserver"
             data-testid="mediaserver-login-button"
+            className="min-w-0 flex-grow"
             onClick={() => setMediaServerLogin(true)}
           >
             <MediaServerLogo />