diff --git a/src/components/AdvertsTableRow/AdvertsTableRow.scss b/src/components/AdvertsTableRow/AdvertsTableRow.scss index 1fb0bb65..49a144cd 100644 --- a/src/components/AdvertsTableRow/AdvertsTableRow.scss +++ b/src/components/AdvertsTableRow/AdvertsTableRow.scss @@ -1,7 +1,7 @@ .adverts-table-row { width: 100%; display: grid; - grid-template-columns: 2fr 1.4fr 1.4fr 2.4fr auto; + grid-template-columns: 2fr 1.4fr 1.4fr 2.4fr 1.4fr; padding: 1.6rem; align-items: center; diff --git a/src/components/BuySellForm/BuySellForm.tsx b/src/components/BuySellForm/BuySellForm.tsx index ccd867dd..b1abec5c 100644 --- a/src/components/BuySellForm/BuySellForm.tsx +++ b/src/components/BuySellForm/BuySellForm.tsx @@ -74,7 +74,7 @@ const BuySellForm = ({ advertId, isModalOpen, onRequestClose }: TBuySellFormProp const [buySellAmount, setBuySellAmount] = useState('0'); const { - account_currency: accountCurrency, + account_currency: accountCurrency = '', advertiser_details: advertiserDetails, description, effective_rate: adEffectiveRate, diff --git a/src/pages/buy-sell/screens/BuySellTable/BuySellTable.scss b/src/pages/buy-sell/screens/BuySellTable/BuySellTable.scss index fbdc70bf..51ababfc 100644 --- a/src/pages/buy-sell/screens/BuySellTable/BuySellTable.scss +++ b/src/pages/buy-sell/screens/BuySellTable/BuySellTable.scss @@ -3,7 +3,7 @@ &__header { padding: 1.6rem; border-bottom: 1px solid #f2f3f4; - grid-template-columns: 2fr 1.4fr 1.4fr 2.4fr 0.8fr; + grid-template-columns: 2fr 1.4fr 1.4fr 2.4fr 1.4fr; } &__content { diff --git a/src/pages/orders/components/OrderDetailsCard/OrderDetailsCardFooter/OrderDetailsCardFooter.tsx b/src/pages/orders/components/OrderDetailsCard/OrderDetailsCardFooter/OrderDetailsCardFooter.tsx index 9baa18eb..9c66d5da 100644 --- a/src/pages/orders/components/OrderDetailsCard/OrderDetailsCardFooter/OrderDetailsCardFooter.tsx +++ b/src/pages/orders/components/OrderDetailsCard/OrderDetailsCardFooter/OrderDetailsCardFooter.tsx @@ -150,7 +150,7 @@ const OrderDetailsCardFooter = ({ sendFile }: { sendFile: (file: File) => void } }; return ( -
+
{shouldShowCancelAndPaidButton && (
)} - {shouldShowComplainAndReceivedButton && ( -
- - -
- )} - {shouldShowOnlyComplainButton && ( -
- -
+ {(shouldShowOnlyComplainButton || shouldShowComplainAndReceivedButton) && ( + )} - {shouldShowOnlyReceivedButton && ( -
- -
+ {(shouldShowOnlyReceivedButton || shouldShowComplainAndReceivedButton) && ( + )} {!!isModalOpenFor('OrderDetailsComplainModal') && ( 0 ? percentOf(exchangeRate, rate) : marketRate; const decimalPlace = setDecimalPlaces(effectiveRate, 6); - displayEffectiveRate = removeTrailingZeros( - FormatUtils.formatMoney(Number(roundOffDecimal(effectiveRate, decimalPlace)), { - currency: localCurrency, - decimalPlaces: decimalPlace, - }) - ); + displayEffectiveRate = effectiveRate + ? removeTrailingZeros( + FormatUtils.formatMoney(Number(roundOffDecimal(effectiveRate, decimalPlace)), { + currency: localCurrency, + decimalPlaces: decimalPlace, + }) + ) + : '-'; } return { displayEffectiveRate, effectiveRate: Number(effectiveRate) }; };