handle the response when quote exceeds the pool size

frontend/src/components/AssetNumericInput/index.tsx

@@ -22,6 +22,7 @@ export const AssetNumericInput: FC<AssetNumericInputProps> = ({
   tokenSymbol,
   onClick,
   registerInput,
+  loading,
   ...rest
 }) => (
   <div
@@ -36,10 +37,11 @@ export const AssetNumericInput: FC<AssetNumericInputProps> = ({
       <AssetButton disabled={rest.disabled} assetIcon={assetIcon} tokenSymbol={tokenSymbol} onClick={onClick} />
     </div>
 
-    {rest.loading ? (
+    {loading ? (
       <div className="loading loading-bars loading-md ml-auto mr-4"></div>
     ) : (
       <NumericInput
+        loading={loading}
         register={registerInput}
         additionalStyle={cn('text-right text-lg', rest.readOnly && 'text-xl')}
         {...rest}

frontend/src/components/NumericInput/index.tsx

@@ -11,6 +11,7 @@ interface NumericInputProps {
   defaultValue?: string;
   autoFocus?: boolean;
   disabled?: boolean;
+  loading?: boolean;
   onChange?: (e: ChangeEvent) => void;
 }
 
@@ -22,6 +23,7 @@ export const NumericInput = ({
   defaultValue,
   autoFocus,
   onChange,
+  loading = false,
   disabled = false,
 }: NumericInputProps) => {
   function handleOnChange(e: ChangeEvent): void {
@@ -61,7 +63,7 @@ export const NumericInput = ({
         value={defaultValue}
         autoFocus={autoFocus}
       />
-      {disabled && (
+      {disabled && loading && (
         <span className="absolute top-1/2 right-3 -translate-y-1/2 loading loading-bars loading-sm text-primary"></span>
       )}
     </div>

frontend/src/components/buttons/AssetButton/index.tsx

@@ -1,3 +1,4 @@
+import { cn } from '../../../helpers/cn';
 import { useGetAssetIcon } from '../../../hooks/useGetAssetIcon';
 import { ChevronDownIcon } from '@heroicons/react/20/solid';
 
@@ -13,7 +14,10 @@ export function AssetButton({ assetIcon, tokenSymbol, onClick, disabled }: Asset
 
   return (
     <button
-      className="hover:bg-blue-200 cursor-pointer rounded-full h-8 flex text-base items-center mt-0.5 border border-blue-700 px-2 py-1 pr-3"
+      className={cn(
+        ' cursor-pointer rounded-full h-8 flex text-base items-center mt-0.5 border border-blue-700 px-2 py-1 pr-3',
+        disabled ? 'cursor-not-allowed' : 'hover:bg-blue-200',
+      )}
       onClick={onClick}
       type="button"
       disabled={disabled}

frontend/src/hooks/offramp/useSubmitRamp.ts

@@ -18,7 +18,6 @@ import { sep24First } from '../../services/anchor/sep24/first';
 import { sep10 } from '../../services/anchor/sep10';
 import { useRampActions } from '../../stores/rampStore';
 import { useSep24Actions } from '../../stores/sep24Store';
-import { SIGNING_SERVICE_URL } from '../../constants/constants';
 import { RampExecutionInput } from '../../types/phases';
 import { useToastMessage } from '../../helpers/notifications';
 import { isValidCnpj, isValidCpf } from '../ramp/schema';
@@ -42,7 +41,7 @@ export const useSubmitRamp = () => {
     setRampKycStarted,
     setInitializeFailedMessage,
     setRampSummaryVisible,
-    setRampKycLevel2Started
+    setRampKycLevel2Started,
   } = useRampActions();
 
   const {
@@ -94,20 +93,20 @@ export const useSubmitRamp = () => {
               const { evmAddress: brlaEvmAddress } = await BrlaService.getUser(taxId);
 
               const remainingLimitResponse = await BrlaService.getUserRemainingLimit(taxId);
-              
+
               const remainingLimitInUnits =
                 rampDirection === RampDirection.OFFRAMP
                   ? remainingLimitResponse.remainingLimitOfframp
                   : remainingLimitResponse.remainingLimitOnramp;
-      
+
               const amountNum = Number(executionInput.quote.inputAmount);
               const remainingLimitNum = Number(remainingLimitInUnits);
               if (amountNum > remainingLimitNum) {
-                // Check for a kyc level 1 here is implicit, due to checks in `useRampAmountWithinAllowedLimits` and 
+                // Check for a kyc level 1 here is implicit, due to checks in `useRampAmountWithinAllowedLimits` and
                 // handling of level 0 users.
                 setRampKycLevel2Started(true);
                 return;
-              } 
+              }
 
               // append EVM address to execution input
               const updatedBrlaRampExecution = { ...executionInput, brlaEvmAddress };