fixup! feat(trading): otc market banner

packages/suite/src/views/wallet/trading/common/TradingForm/TradingFormOfferOTC.tsx

@@ -18,20 +18,20 @@ export const TradingFormOfferOTC = () => {
         ? context.getValues().currencySelect.value
         : context.getValues().outputs[0].currency.value;
     const [otcUrl, setOtcUrl] = useState<string | null>(null);
+    const [allowedCurrencies, setAllowedCurrencies] = useState<string[]>([]);
+    const [minimumFiat, setMinimumFiat] = useState<string | null>(null);
+    const apiKey = invityAPI.getCurrentApiKey();
 
     // constants will be refactor to be more dynamic in the future
-    const ALLOWED_FIAT_CURRENCIES = ['usd', 'eur'];
-    const FIAT_AMOUNT_ALLOWANCE = '50001';
-
-    const isCurrencyAllowed = ALLOWED_FIAT_CURRENCIES.includes(currencySelect);
+    const isCurrencyAllowed = allowedCurrencies.includes(currencySelect);
     const shouldBeComponentHidden =
         amountInCrypto ||
         !isCurrencyAllowed ||
         !fiatAmount ||
-        Number(fiatAmount) < Number(FIAT_AMOUNT_ALLOWANCE);
+        Number(fiatAmount) < Number(minimumFiat);
 
     useEffect(() => {
-        if (shouldBeComponentHidden) return;
+        if (!fiatAmount || !apiKey) return;
 
         const getOtcData = async () => {
             const otcData = await invityAPI.getOTCData();
@@ -50,10 +50,15 @@ export const TradingFormOfferOTC = () => {
             apiUrl.search = params.toString();
 
             setOtcUrl(apiUrl.toString());
+            setAllowedCurrencies(otcData.allowedCurrencies);
+            setMinimumFiat(otcData.minimumFiat);
         };
 
         getOtcData();
-    }, [context.type, currencySelect, fiatAmount, shouldBeComponentHidden]);
+
+        // change only when apiKey changes
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [apiKey]);
 
     if (shouldBeComponentHidden || !otcUrl) {
         return null;

suite-common/trading/src/types.ts

@@ -91,4 +91,6 @@ export type TradingOTC = {
     idWidget: string;
     idOtcUser: string;
     apiUrl: string;
+    minimumFiat: string;
+    allowedCurrencies: FiatCurrencyCode[];
 };