Merge pull request #703 from madfish-solutions/QUIPU-38-swap-page-error

QUIPU-38 fix showing of error on swap page
madfish-solutions · May 24, 2022 · 06bc136 · 06bc136
2 parents 8e99fec + deefd09
commit 06bc136
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/modules/swap/swap-send.tsx b/src/modules/swap/swap-send.tsx
@@ -22,7 +22,6 @@ import {
   Tabs,
   TestnetAlert
 } from '@shared/components';
-import complexInputStyles from '@shared/components/ComplexInput/ComplexInput.module.scss';
 import { NewTokenSelect } from '@shared/components/ComplexInput/new-token-select';
 import {
   amountsAreEqual,
@@ -460,16 +459,17 @@ const OrdinarySwapSend: FC<SwapSendProps> = ({ className, initialAction }) => {
               error={touchedFieldsErrors.recipient}
             />
           )}
-          <div className={cx({ [complexInputStyles.error]: noRouteFound })}>
-            <ComplexError error={t('swap|noRouteFoundError', { maxHopsCount: MAX_HOPS_COUNT })} />
-          </div>
-          <div className={cx({ [complexInputStyles.error]: shouldShowPriceImpactWarning })}>
+
+          {noRouteFound && <ComplexError error={t('swap|noRouteFoundError', { maxHopsCount: MAX_HOPS_COUNT })} />}
+
+          {shouldShowPriceImpactWarning && (
             <ComplexError
               error={t('swap|priceImpactWarning', {
                 priceImpact: FormatNumber(priceImpact ?? PRICE_IMPACT_WARNING_THRESHOLD)
               })}
             />
-          </div>
+          )}
+
           {!accountPkh && <ConnectWalletButton className={styles.button} />}
           {accountPkh && dataIsStale && !isSubmitting && (
             <Button