style(tangle-dapp): Simplify button text, modify the spinner size

tangle-network · Jan 23, 2025 · b27377d · b27377d
1 parent 321997b
commit b27377d
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/apps/tangle-dapp/src/components/account/ClaimRewardAction.tsx b/apps/tangle-dapp/src/components/account/ClaimRewardAction.tsx
@@ -13,6 +13,7 @@ import useRewardsTx from '../../data/rewards/useRewardsTx';
 import useAgnosticAccountInfo from '../../hooks/useAgnosticAccountInfo';
 import ActionItem from './ActionItem';
 import { useWebbUI } from '@webb-tools/webb-ui-components/hooks/useWebbUI';
+import { twMerge } from 'tailwind-merge';
 
 export default function ClaimRewardAction() {
   const { notificationApi } = useWebbUI();
@@ -100,20 +101,24 @@ export default function ClaimRewardAction() {
     <ActionItem
       Icon={isLoading ? SpinnerIcon : VipDiamondLine}
       isDisabled={isLoading}
-      label="Unclaimed Rewards"
+      label="Rewards"
       hasNotificationDot
       onClick={handleClick}
       tooltip={
         <>
           Congratulations! You have <strong>{nativeClaimableAmount}</strong>{' '}
-          {activeChain.nativeCurrency.symbol}
-          unclaimed rewards.
+          {activeChain.nativeCurrency.symbol} unclaimed rewards.
         </>
       }
     />
   );
 }
 
 const SpinnerIcon = (props: IconBase) => {
-  return <Spinner {...props} />;
+  return (
+    <Spinner
+      {...props}
+      className={twMerge('min-w-6 min-h-6', props.className)}
+    />
+  );
 };