Merge pull request #938 from mrgnlabs/fix/mrgn-loop-max-amount

feat(mfi-v2-ui): looper fixes
mrgnlabs · Oct 31, 2024 · 4acbe55 · 4acbe55
2 parents 80c45f2 + b961623
commit 4acbe55
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 14 deletions.
diff --git a/...on-box-v2/actions/loop-box/components/action-input/components/loop-action/loop-action.tsx b/...on-box-v2/actions/loop-box/components/action-input/components/loop-action/loop-action.tsx
@@ -18,11 +18,9 @@ type LoopActionProps = {
 export const LoopAction = ({
   walletAmount,
   maxAmount,
-  amountRaw,
   selectedBank,
   selectedSecondaryBank,
   onSetAmountRaw,
-  loopActionTxns,
 }: LoopActionProps) => {
   const numberFormater = React.useMemo(() => new Intl.NumberFormat("en-US", { maximumFractionDigits: 10 }), []);
 
@@ -45,8 +43,6 @@ export const LoopAction = ({
           <li className="flex justify-between items-center gap-1.5">
             <strong className="mr-auto">{maxLabel.label}</strong>
             <div className="flex space-x-1">
-              {selectedBank?.isActive && <div>{clampedNumeralFormatter(selectedBank.position.amount)}</div>}
-              {selectedBank?.isActive && <IconArrowRight width={12} height={12} />}
               <div>{maxLabel.amount}</div>
               <button
                 className="cursor-pointer border-b border-transparent transition text-mfi-action-box-highlight hover:border-mfi-action-box-highlight"
@@ -57,15 +53,6 @@ export const LoopAction = ({
               </button>
             </div>
           </li>
-          {loopActionTxns.actualDepositAmount > 0 && (
-            <li className="flex justify-between items-center gap-1.5">
-              <strong>Leveraged deposit:</strong>
-
-              <div className="flex space-x-1.5 items-center">
-                {`${Number(loopActionTxns?.actualDepositAmount.toFixed(4)) ?? "-"} ${selectedBank.meta.tokenSymbol}`}
-              </div>
-            </li>
-          )}
         </ul>
       )}
     </>

diff --git a/packages/mrgn-ui/src/components/action-box-v2/components/action-button/action-button.tsx b/packages/mrgn-ui/src/components/action-box-v2/components/action-button/action-button.tsx
@@ -39,7 +39,7 @@ export const ActionButton = ({
 
   return (
     <Button disabled={isLoading || !isEnabled} className="w-full py-5" onClick={handleAction}>
-      {isLoading ? <Loader className="animate-spin" /> : buttonLabel}
+      {isLoading ? <Loader className={`${loaderType === "DEFAULT" && "animate-spin"}`} /> : buttonLabel}
     </Button>
   );
 };