diff --git a/.prettierrc b/.prettierrc deleted file mode 100644 index e3b414c7..00000000 --- a/.prettierrc +++ /dev/null @@ -1,5 +0,0 @@ -{ - "semi": false, - "singleQuote": true, - "trailingComma": "all" -} diff --git a/components/Layout.tsx b/components/Layout.tsx index 490d6874..a3cb23d4 100644 --- a/components/Layout.tsx +++ b/components/Layout.tsx @@ -114,7 +114,7 @@ const Layout = ({ children }: { children: ReactNode }) => { onClick={handleToggleSidebar} > @@ -197,7 +197,7 @@ function DeployRefreshManager(): JSX.Element | null { leaveTo="opacity-0" > window.location.reload()} > diff --git a/components/RpcPing.tsx b/components/RpcPing.tsx index ccc1ad65..c4b7622c 100644 --- a/components/RpcPing.tsx +++ b/components/RpcPing.tsx @@ -49,7 +49,7 @@ const RpcPing = () => { warning={rpcWarningThreshold} /> - + {formatNumericValue(rpcPing, 0)} MS diff --git a/components/SideNav.tsx b/components/SideNav.tsx index cb92405e..00840d38 100644 --- a/components/SideNav.tsx +++ b/components/SideNav.tsx @@ -441,7 +441,7 @@ export const ExpandableMenuItem = ({ > diff --git a/components/SolanaTps.tsx b/components/SolanaTps.tsx index c59605c2..7a098f20 100644 --- a/components/SolanaTps.tsx +++ b/components/SolanaTps.tsx @@ -45,7 +45,7 @@ const SolanaTps = () => { { return ( @@ -56,7 +56,7 @@ const StatusBar = ({ collapsed }: { collapsed: boolean }) => { { | { - + {t('docs')} - + {t('discord')} - + {t('twitter')} diff --git a/components/TokenList.tsx b/components/TokenList.tsx index 06718324..a5d02b7f 100644 --- a/components/TokenList.tsx +++ b/components/TokenList.tsx @@ -153,7 +153,7 @@ const TokenList = () => { return ( {mangoAccountAddress ? ( - + { enterTo="opacity-100" > - + @@ -619,7 +619,7 @@ const ActionsMenu = ({ leaveTo="opacity-0" > diff --git a/components/TopBar.tsx b/components/TopBar.tsx index 29470648..3210c0ca 100644 --- a/components/TopBar.tsx +++ b/components/TopBar.tsx @@ -108,7 +108,7 @@ const TopBar = () => { ) : null} */} - + { ) : null} {!isOnline ? ( - + Your connection appears to be offline @@ -191,7 +191,7 @@ const TopBar = () => { {isUnownedAccount || (!connected && isMobile) ? null : isMobile ? ( handleDepositWithdrawModal('deposit')} - className="h-[63px] bg-th-bkg-1 border-l border-th-bkg-3 px-4 font-display text-center text-th-fgd-1" + className="h-[63px] border-l border-th-bkg-3 bg-th-bkg-1 px-4 text-center font-display text-th-fgd-1" >{`${t('deposit')} / ${t('withdraw')}`} ) : ( { isLessThan /> - + {formatNumericValue(tps, 0)} TPS @@ -98,7 +98,7 @@ export const StatusDot = ({ return ( diff --git a/components/account/AccountChart.tsx b/components/account/AccountChart.tsx index 09799b6f..65fc02f3 100644 --- a/components/account/AccountChart.tsx +++ b/components/account/AccountChart.tsx @@ -60,7 +60,7 @@ const AccountChart = ({ {CHART_TABS.map((tab) => ( ) : null} - + {maintHealth}% @@ -263,7 +263,7 @@ const AccountHeroStats = ({ > {t('free-collateral')} - + ) : null} - + ) : null} - + ) : ( - + { {TABS.map((tab) => ( { ) : null} - + diff --git a/components/account/AccountValue.tsx b/components/account/AccountValue.tsx index 7b0ebcee..1e46f951 100644 --- a/components/account/AccountValue.tsx +++ b/components/account/AccountValue.tsx @@ -117,7 +117,7 @@ const AccountValue = ({ /> { {showFilters ? ( - + - + {t('trade:notional')} diff --git a/components/borrow/AssetsBorrowsTable.tsx b/components/borrow/AssetsBorrowsTable.tsx index ab14a412..5e52eb1e 100644 --- a/components/borrow/AssetsBorrowsTable.tsx +++ b/components/borrow/AssetsBorrowsTable.tsx @@ -157,7 +157,7 @@ const AssetsBorrowsTable = () => { enterTo="opacity-100" > - + {t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <> - + {t('borrow:current-borrow-value')} @@ -122,7 +122,7 @@ const BorrowPage = () => { )} - + {t('borrow:available-to-borrow')} @@ -143,7 +143,7 @@ const BorrowPage = () => { - + { enterTo="opacity-100" > - + {t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? ( - + {t('market-pair')}{' '} {baseToken && quoteToken @@ -389,7 +389,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { {t('market-name-desc')} - + {t('market-name-convention-1')} {t('market-name-convention-2')} {t('market-name-convention-3')} diff --git a/components/governance/ListToken/ListToken.tsx b/components/governance/ListToken/ListToken.tsx index 796f8835..7d015aa4 100644 --- a/components/governance/ListToken/ListToken.tsx +++ b/components/governance/ListToken/ListToken.tsx @@ -995,7 +995,7 @@ const ListToken = ({ goBack }: { goBack: () => void }) => { ) : null} - + {t('cancel')} diff --git a/components/governance/Vote/ProposalCard.tsx b/components/governance/Vote/ProposalCard.tsx index ae91e52a..8dc4d023 100644 --- a/components/governance/Vote/ProposalCard.tsx +++ b/components/governance/Vote/ProposalCard.tsx @@ -266,7 +266,7 @@ const ProposalCard = ({ )} {mangoMint && ( - + { return ( - {t('active-proposals')} + {t('active-proposals')} {loadingProposals || loadingRealm ? ( diff --git a/components/governance/Vote/VotePage.tsx b/components/governance/Vote/VotePage.tsx index e802fde6..d5690b9c 100644 --- a/components/governance/Vote/VotePage.tsx +++ b/components/governance/Vote/VotePage.tsx @@ -5,7 +5,7 @@ const Vote = dynamic(() => import('./Vote')) const VotePage = () => { return ( - + diff --git a/components/modals/CreateOpenbookMarketModal.tsx b/components/modals/CreateOpenbookMarketModal.tsx index 1e1de515..69ceab2e 100644 --- a/components/modals/CreateOpenbookMarketModal.tsx +++ b/components/modals/CreateOpenbookMarketModal.tsx @@ -156,9 +156,8 @@ const CreateOpenbookMarketModal = ({ useEffect(() => { const getMinLamportsToCreateMarket = async () => { const accountsSpace = 84522 + MARKET_STATE_LAYOUT_V2.span - const minLamports = await connection.getMinimumBalanceForRentExemption( - accountsSpace, - ) + const minLamports = + await connection.getMinimumBalanceForRentExemption(accountsSpace) setSolNeededToCreateMarket( Math.round((minLamports / LAMPORTS_PER_SOL + Number.EPSILON) * 100) / 100, diff --git a/components/modals/DashboardSuggestedValuesModal.tsx b/components/modals/DashboardSuggestedValuesModal.tsx index 6f4bb43f..df61ef23 100644 --- a/components/modals/DashboardSuggestedValuesModal.tsx +++ b/components/modals/DashboardSuggestedValuesModal.tsx @@ -287,7 +287,7 @@ const DashboardSuggestedValues = ({ {bank.name} - Suggested tier: {suggestedTier} - + { /> @@ -370,7 +370,7 @@ const AccountSizeFormInput = ({ - + {!disabled ? ( @@ -396,7 +396,7 @@ const AccountSizeFormInput = ({ disabled={disabled} /> diff --git a/components/modals/SharePositionModal.tsx b/components/modals/SharePositionModal.tsx index 6835fdbe..61514bfe 100644 --- a/components/modals/SharePositionModal.tsx +++ b/components/modals/SharePositionModal.tsx @@ -146,7 +146,7 @@ const SharePositionModal = ({ - + = 0 ? '/images/space.svg' : '/images/underwater.svg'} alt="Share Background" diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx index e5aee7c9..9691ec8e 100644 --- a/components/modals/UserSetupModal.tsx +++ b/components/modals/UserSetupModal.tsx @@ -228,7 +228,7 @@ const UserSetupModal = ({ - + {walletsDisplayed?.map((w) => ( { return ( {text} diff --git a/components/notifications/NotificationsButton.tsx b/components/notifications/NotificationsButton.tsx index ff3a12e0..3ef1db26 100644 --- a/components/notifications/NotificationsButton.tsx +++ b/components/notifications/NotificationsButton.tsx @@ -36,7 +36,7 @@ const NotificationsButton = () => { Notifications {notificationCount !== 0 ? ( - + {formatNumericValue(notificationCount)} diff --git a/components/profile/EditProfileForm.tsx b/components/profile/EditProfileForm.tsx index d55776f2..a81d649a 100644 --- a/components/profile/EditProfileForm.tsx +++ b/components/profile/EditProfileForm.tsx @@ -141,7 +141,7 @@ const EditProfileForm = ({ { const { data: isWhiteListed } = useIsWhiteListed() return isWhiteListed && showBanner ? ( - + Season 1 of Mango Mints is starting soon. diff --git a/components/rewards/RewardsPage.tsx b/components/rewards/RewardsPage.tsx index e8cd543b..838fef7f 100644 --- a/components/rewards/RewardsPage.tsx +++ b/components/rewards/RewardsPage.tsx @@ -114,7 +114,7 @@ const RewardsPage = () => { <> - + { className="flex items-center" onClick={() => setShowAccountSizeModal(true)} > - + {t('settings:increase-account-size')} ) : ( - + {t('settings:error-account-size-full')} @@ -86,7 +86,7 @@ const AccountSettings = () => { - + {usedTokens.length ? ( usedTokens.map((token, i) => { const tokenBank = group.getFirstBankByTokenIndex( @@ -94,7 +94,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -104,7 +104,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -144,7 +144,7 @@ const AccountSettings = () => { - + {usedSerum3.length ? ( usedSerum3.map((mkt, i) => { const market = group.getSerum3MarketByMarketIndex( @@ -152,7 +152,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -162,7 +162,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -201,7 +201,7 @@ const AccountSettings = () => { - + {usedPerps.length ? ( usedPerps.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -209,7 +209,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -219,7 +219,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -258,7 +258,7 @@ const AccountSettings = () => { - + {usedPerpOo.length ? ( usedPerpOo.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -266,7 +266,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -276,7 +276,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} diff --git a/components/settings/HotKeysSettings.tsx b/components/settings/HotKeysSettings.tsx index c16e9d40..d4e3c449 100644 --- a/components/settings/HotKeysSettings.tsx +++ b/components/settings/HotKeysSettings.tsx @@ -452,7 +452,7 @@ const HotKeyModal = ({ isOpen, onClose }: ModalProps) => { ) : null} - + { enterTo="opacity-100" > - + ( ) diff --git a/components/shared/PnlTooltipContent.tsx b/components/shared/PnlTooltipContent.tsx index 021afd08..8be57523 100644 --- a/components/shared/PnlTooltipContent.tsx +++ b/components/shared/PnlTooltipContent.tsx @@ -29,7 +29,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(unrealizedPnl, 2)} - + {t('trade:realized-pnl')} {formatCurrencyValue(realizedPnl, 2)} @@ -41,7 +41,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(totalPnl, 2)} - + {t('trade:return-on-equity')} diff --git a/components/shared/SecondaryTabBar.tsx b/components/shared/SecondaryTabBar.tsx index d0182956..37dce879 100644 --- a/components/shared/SecondaryTabBar.tsx +++ b/components/shared/SecondaryTabBar.tsx @@ -15,7 +15,7 @@ const SecondaryTabBar = ({ {tabs.map((tab) => ( { const { t } = useTranslation('common') return ( - + {t('soon')}™ ) diff --git a/components/shared/TabUnderline.tsx b/components/shared/TabUnderline.tsx index 8810b2b8..6c6c69ff 100644 --- a/components/shared/TabUnderline.tsx +++ b/components/shared/TabUnderline.tsx @@ -70,7 +70,7 @@ const TabUnderline = ({ {names ? names[i] : t(`${value}`)} {value === 'trade:trigger-order' ? ( - + beta ) : null} diff --git a/components/shared/TokenListButton.tsx b/components/shared/TokenListButton.tsx index 97c343d5..e6408832 100644 --- a/components/shared/TokenListButton.tsx +++ b/components/shared/TokenListButton.tsx @@ -14,7 +14,7 @@ const TokenListButton = ({ return ( setShowList(true)} - className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" + className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" > {logo} diff --git a/components/stats/perps/MangoPerpStatsCharts.tsx b/components/stats/perps/MangoPerpStatsCharts.tsx index 3a8535f5..fb763994 100644 --- a/components/stats/perps/MangoPerpStatsCharts.tsx +++ b/components/stats/perps/MangoPerpStatsCharts.tsx @@ -102,7 +102,7 @@ const MangoPerpStatsCharts = () => { return ( <> {feeValues.length ? ( - + { ) : null} {openInterestValues.length ? ( - + { ) : null} {volumeValues.length ? ( - + { enterTo="opacity-100" > - + {t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
diff --git a/components/RpcPing.tsx b/components/RpcPing.tsx index ccc1ad65..c4b7622c 100644 --- a/components/RpcPing.tsx +++ b/components/RpcPing.tsx @@ -49,7 +49,7 @@ const RpcPing = () => { warning={rpcWarningThreshold} /> - + {formatNumericValue(rpcPing, 0)} MS diff --git a/components/SideNav.tsx b/components/SideNav.tsx index cb92405e..00840d38 100644 --- a/components/SideNav.tsx +++ b/components/SideNav.tsx @@ -441,7 +441,7 @@ export const ExpandableMenuItem = ({ > diff --git a/components/SolanaTps.tsx b/components/SolanaTps.tsx index c59605c2..7a098f20 100644 --- a/components/SolanaTps.tsx +++ b/components/SolanaTps.tsx @@ -45,7 +45,7 @@ const SolanaTps = () => { { return ( @@ -56,7 +56,7 @@ const StatusBar = ({ collapsed }: { collapsed: boolean }) => { { | { - + {t('docs')} - + {t('discord')} - + {t('twitter')} diff --git a/components/TokenList.tsx b/components/TokenList.tsx index 06718324..a5d02b7f 100644 --- a/components/TokenList.tsx +++ b/components/TokenList.tsx @@ -153,7 +153,7 @@ const TokenList = () => { return ( {mangoAccountAddress ? ( - + { enterTo="opacity-100" > - + @@ -619,7 +619,7 @@ const ActionsMenu = ({ leaveTo="opacity-0" > diff --git a/components/TopBar.tsx b/components/TopBar.tsx index 29470648..3210c0ca 100644 --- a/components/TopBar.tsx +++ b/components/TopBar.tsx @@ -108,7 +108,7 @@ const TopBar = () => { ) : null} */} - + { ) : null} {!isOnline ? ( - + Your connection appears to be offline @@ -191,7 +191,7 @@ const TopBar = () => { {isUnownedAccount || (!connected && isMobile) ? null : isMobile ? ( handleDepositWithdrawModal('deposit')} - className="h-[63px] bg-th-bkg-1 border-l border-th-bkg-3 px-4 font-display text-center text-th-fgd-1" + className="h-[63px] border-l border-th-bkg-3 bg-th-bkg-1 px-4 text-center font-display text-th-fgd-1" >{`${t('deposit')} / ${t('withdraw')}`} ) : ( { isLessThan /> - + {formatNumericValue(tps, 0)} TPS @@ -98,7 +98,7 @@ export const StatusDot = ({ return ( diff --git a/components/account/AccountChart.tsx b/components/account/AccountChart.tsx index 09799b6f..65fc02f3 100644 --- a/components/account/AccountChart.tsx +++ b/components/account/AccountChart.tsx @@ -60,7 +60,7 @@ const AccountChart = ({ {CHART_TABS.map((tab) => ( ) : null} - + {maintHealth}% @@ -263,7 +263,7 @@ const AccountHeroStats = ({ > {t('free-collateral')} - + ) : null} - + ) : null} - + ) : ( - + { {TABS.map((tab) => ( { ) : null} - + diff --git a/components/account/AccountValue.tsx b/components/account/AccountValue.tsx index 7b0ebcee..1e46f951 100644 --- a/components/account/AccountValue.tsx +++ b/components/account/AccountValue.tsx @@ -117,7 +117,7 @@ const AccountValue = ({ /> { {showFilters ? ( - + - + {t('trade:notional')} diff --git a/components/borrow/AssetsBorrowsTable.tsx b/components/borrow/AssetsBorrowsTable.tsx index ab14a412..5e52eb1e 100644 --- a/components/borrow/AssetsBorrowsTable.tsx +++ b/components/borrow/AssetsBorrowsTable.tsx @@ -157,7 +157,7 @@ const AssetsBorrowsTable = () => { enterTo="opacity-100" > - + {t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <> - + {t('borrow:current-borrow-value')} @@ -122,7 +122,7 @@ const BorrowPage = () => { )} - + {t('borrow:available-to-borrow')} @@ -143,7 +143,7 @@ const BorrowPage = () => { - + { enterTo="opacity-100" > - + {t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? ( - + {t('market-pair')}{' '} {baseToken && quoteToken @@ -389,7 +389,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { {t('market-name-desc')} - + {t('market-name-convention-1')} {t('market-name-convention-2')} {t('market-name-convention-3')} diff --git a/components/governance/ListToken/ListToken.tsx b/components/governance/ListToken/ListToken.tsx index 796f8835..7d015aa4 100644 --- a/components/governance/ListToken/ListToken.tsx +++ b/components/governance/ListToken/ListToken.tsx @@ -995,7 +995,7 @@ const ListToken = ({ goBack }: { goBack: () => void }) => { ) : null} - + {t('cancel')} diff --git a/components/governance/Vote/ProposalCard.tsx b/components/governance/Vote/ProposalCard.tsx index ae91e52a..8dc4d023 100644 --- a/components/governance/Vote/ProposalCard.tsx +++ b/components/governance/Vote/ProposalCard.tsx @@ -266,7 +266,7 @@ const ProposalCard = ({ )} {mangoMint && ( - + { return ( - {t('active-proposals')} + {t('active-proposals')} {loadingProposals || loadingRealm ? ( diff --git a/components/governance/Vote/VotePage.tsx b/components/governance/Vote/VotePage.tsx index e802fde6..d5690b9c 100644 --- a/components/governance/Vote/VotePage.tsx +++ b/components/governance/Vote/VotePage.tsx @@ -5,7 +5,7 @@ const Vote = dynamic(() => import('./Vote')) const VotePage = () => { return ( - + diff --git a/components/modals/CreateOpenbookMarketModal.tsx b/components/modals/CreateOpenbookMarketModal.tsx index 1e1de515..69ceab2e 100644 --- a/components/modals/CreateOpenbookMarketModal.tsx +++ b/components/modals/CreateOpenbookMarketModal.tsx @@ -156,9 +156,8 @@ const CreateOpenbookMarketModal = ({ useEffect(() => { const getMinLamportsToCreateMarket = async () => { const accountsSpace = 84522 + MARKET_STATE_LAYOUT_V2.span - const minLamports = await connection.getMinimumBalanceForRentExemption( - accountsSpace, - ) + const minLamports = + await connection.getMinimumBalanceForRentExemption(accountsSpace) setSolNeededToCreateMarket( Math.round((minLamports / LAMPORTS_PER_SOL + Number.EPSILON) * 100) / 100, diff --git a/components/modals/DashboardSuggestedValuesModal.tsx b/components/modals/DashboardSuggestedValuesModal.tsx index 6f4bb43f..df61ef23 100644 --- a/components/modals/DashboardSuggestedValuesModal.tsx +++ b/components/modals/DashboardSuggestedValuesModal.tsx @@ -287,7 +287,7 @@ const DashboardSuggestedValues = ({ {bank.name} - Suggested tier: {suggestedTier} - + { /> @@ -370,7 +370,7 @@ const AccountSizeFormInput = ({ - + {!disabled ? ( @@ -396,7 +396,7 @@ const AccountSizeFormInput = ({ disabled={disabled} /> diff --git a/components/modals/SharePositionModal.tsx b/components/modals/SharePositionModal.tsx index 6835fdbe..61514bfe 100644 --- a/components/modals/SharePositionModal.tsx +++ b/components/modals/SharePositionModal.tsx @@ -146,7 +146,7 @@ const SharePositionModal = ({ - + = 0 ? '/images/space.svg' : '/images/underwater.svg'} alt="Share Background" diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx index e5aee7c9..9691ec8e 100644 --- a/components/modals/UserSetupModal.tsx +++ b/components/modals/UserSetupModal.tsx @@ -228,7 +228,7 @@ const UserSetupModal = ({ - + {walletsDisplayed?.map((w) => ( { return ( {text} diff --git a/components/notifications/NotificationsButton.tsx b/components/notifications/NotificationsButton.tsx index ff3a12e0..3ef1db26 100644 --- a/components/notifications/NotificationsButton.tsx +++ b/components/notifications/NotificationsButton.tsx @@ -36,7 +36,7 @@ const NotificationsButton = () => { Notifications {notificationCount !== 0 ? ( - + {formatNumericValue(notificationCount)} diff --git a/components/profile/EditProfileForm.tsx b/components/profile/EditProfileForm.tsx index d55776f2..a81d649a 100644 --- a/components/profile/EditProfileForm.tsx +++ b/components/profile/EditProfileForm.tsx @@ -141,7 +141,7 @@ const EditProfileForm = ({ { const { data: isWhiteListed } = useIsWhiteListed() return isWhiteListed && showBanner ? ( - + Season 1 of Mango Mints is starting soon. diff --git a/components/rewards/RewardsPage.tsx b/components/rewards/RewardsPage.tsx index e8cd543b..838fef7f 100644 --- a/components/rewards/RewardsPage.tsx +++ b/components/rewards/RewardsPage.tsx @@ -114,7 +114,7 @@ const RewardsPage = () => { <> - + { className="flex items-center" onClick={() => setShowAccountSizeModal(true)} > - + {t('settings:increase-account-size')} ) : ( - + {t('settings:error-account-size-full')} @@ -86,7 +86,7 @@ const AccountSettings = () => { - + {usedTokens.length ? ( usedTokens.map((token, i) => { const tokenBank = group.getFirstBankByTokenIndex( @@ -94,7 +94,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -104,7 +104,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -144,7 +144,7 @@ const AccountSettings = () => { - + {usedSerum3.length ? ( usedSerum3.map((mkt, i) => { const market = group.getSerum3MarketByMarketIndex( @@ -152,7 +152,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -162,7 +162,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -201,7 +201,7 @@ const AccountSettings = () => { - + {usedPerps.length ? ( usedPerps.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -209,7 +209,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -219,7 +219,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -258,7 +258,7 @@ const AccountSettings = () => { - + {usedPerpOo.length ? ( usedPerpOo.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -266,7 +266,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -276,7 +276,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} diff --git a/components/settings/HotKeysSettings.tsx b/components/settings/HotKeysSettings.tsx index c16e9d40..d4e3c449 100644 --- a/components/settings/HotKeysSettings.tsx +++ b/components/settings/HotKeysSettings.tsx @@ -452,7 +452,7 @@ const HotKeyModal = ({ isOpen, onClose }: ModalProps) => { ) : null} - + { enterTo="opacity-100" > - + ( ) diff --git a/components/shared/PnlTooltipContent.tsx b/components/shared/PnlTooltipContent.tsx index 021afd08..8be57523 100644 --- a/components/shared/PnlTooltipContent.tsx +++ b/components/shared/PnlTooltipContent.tsx @@ -29,7 +29,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(unrealizedPnl, 2)} - + {t('trade:realized-pnl')} {formatCurrencyValue(realizedPnl, 2)} @@ -41,7 +41,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(totalPnl, 2)} - + {t('trade:return-on-equity')} diff --git a/components/shared/SecondaryTabBar.tsx b/components/shared/SecondaryTabBar.tsx index d0182956..37dce879 100644 --- a/components/shared/SecondaryTabBar.tsx +++ b/components/shared/SecondaryTabBar.tsx @@ -15,7 +15,7 @@ const SecondaryTabBar = ({ {tabs.map((tab) => ( { const { t } = useTranslation('common') return ( - + {t('soon')}™ ) diff --git a/components/shared/TabUnderline.tsx b/components/shared/TabUnderline.tsx index 8810b2b8..6c6c69ff 100644 --- a/components/shared/TabUnderline.tsx +++ b/components/shared/TabUnderline.tsx @@ -70,7 +70,7 @@ const TabUnderline = ({ {names ? names[i] : t(`${value}`)} {value === 'trade:trigger-order' ? ( - + beta ) : null} diff --git a/components/shared/TokenListButton.tsx b/components/shared/TokenListButton.tsx index 97c343d5..e6408832 100644 --- a/components/shared/TokenListButton.tsx +++ b/components/shared/TokenListButton.tsx @@ -14,7 +14,7 @@ const TokenListButton = ({ return ( setShowList(true)} - className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" + className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" > {logo} diff --git a/components/stats/perps/MangoPerpStatsCharts.tsx b/components/stats/perps/MangoPerpStatsCharts.tsx index 3a8535f5..fb763994 100644 --- a/components/stats/perps/MangoPerpStatsCharts.tsx +++ b/components/stats/perps/MangoPerpStatsCharts.tsx @@ -102,7 +102,7 @@ const MangoPerpStatsCharts = () => { return ( <> {feeValues.length ? ( - + { ) : null} {openInterestValues.length ? ( - + { ) : null} {volumeValues.length ? ( - + { enterTo="opacity-100" > - + {t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
@@ -619,7 +619,7 @@ const ActionsMenu = ({ leaveTo="opacity-0" > diff --git a/components/TopBar.tsx b/components/TopBar.tsx index 29470648..3210c0ca 100644 --- a/components/TopBar.tsx +++ b/components/TopBar.tsx @@ -108,7 +108,7 @@ const TopBar = () => { ) : null} */} - + { ) : null} {!isOnline ? ( - + Your connection appears to be offline @@ -191,7 +191,7 @@ const TopBar = () => { {isUnownedAccount || (!connected && isMobile) ? null : isMobile ? ( handleDepositWithdrawModal('deposit')} - className="h-[63px] bg-th-bkg-1 border-l border-th-bkg-3 px-4 font-display text-center text-th-fgd-1" + className="h-[63px] border-l border-th-bkg-3 bg-th-bkg-1 px-4 text-center font-display text-th-fgd-1" >{`${t('deposit')} / ${t('withdraw')}`} ) : ( { isLessThan /> - + {formatNumericValue(tps, 0)} TPS @@ -98,7 +98,7 @@ export const StatusDot = ({ return ( diff --git a/components/account/AccountChart.tsx b/components/account/AccountChart.tsx index 09799b6f..65fc02f3 100644 --- a/components/account/AccountChart.tsx +++ b/components/account/AccountChart.tsx @@ -60,7 +60,7 @@ const AccountChart = ({ {CHART_TABS.map((tab) => ( ) : null} - + {maintHealth}% @@ -263,7 +263,7 @@ const AccountHeroStats = ({ > {t('free-collateral')} - + ) : null} - + ) : null} - + ) : ( - + { {TABS.map((tab) => ( { ) : null} - + diff --git a/components/account/AccountValue.tsx b/components/account/AccountValue.tsx index 7b0ebcee..1e46f951 100644 --- a/components/account/AccountValue.tsx +++ b/components/account/AccountValue.tsx @@ -117,7 +117,7 @@ const AccountValue = ({ /> { {showFilters ? ( - + - + {t('trade:notional')} diff --git a/components/borrow/AssetsBorrowsTable.tsx b/components/borrow/AssetsBorrowsTable.tsx index ab14a412..5e52eb1e 100644 --- a/components/borrow/AssetsBorrowsTable.tsx +++ b/components/borrow/AssetsBorrowsTable.tsx @@ -157,7 +157,7 @@ const AssetsBorrowsTable = () => { enterTo="opacity-100" > - + {t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <> - + {t('borrow:current-borrow-value')} @@ -122,7 +122,7 @@ const BorrowPage = () => { )} - + {t('borrow:available-to-borrow')} @@ -143,7 +143,7 @@ const BorrowPage = () => { - + { enterTo="opacity-100" > - + {t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? ( - + {t('market-pair')}{' '} {baseToken && quoteToken @@ -389,7 +389,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { {t('market-name-desc')} - + {t('market-name-convention-1')} {t('market-name-convention-2')} {t('market-name-convention-3')} diff --git a/components/governance/ListToken/ListToken.tsx b/components/governance/ListToken/ListToken.tsx index 796f8835..7d015aa4 100644 --- a/components/governance/ListToken/ListToken.tsx +++ b/components/governance/ListToken/ListToken.tsx @@ -995,7 +995,7 @@ const ListToken = ({ goBack }: { goBack: () => void }) => { ) : null} - + {t('cancel')} diff --git a/components/governance/Vote/ProposalCard.tsx b/components/governance/Vote/ProposalCard.tsx index ae91e52a..8dc4d023 100644 --- a/components/governance/Vote/ProposalCard.tsx +++ b/components/governance/Vote/ProposalCard.tsx @@ -266,7 +266,7 @@ const ProposalCard = ({ )} {mangoMint && ( - + { return ( - {t('active-proposals')} + {t('active-proposals')} {loadingProposals || loadingRealm ? ( diff --git a/components/governance/Vote/VotePage.tsx b/components/governance/Vote/VotePage.tsx index e802fde6..d5690b9c 100644 --- a/components/governance/Vote/VotePage.tsx +++ b/components/governance/Vote/VotePage.tsx @@ -5,7 +5,7 @@ const Vote = dynamic(() => import('./Vote')) const VotePage = () => { return ( - + diff --git a/components/modals/CreateOpenbookMarketModal.tsx b/components/modals/CreateOpenbookMarketModal.tsx index 1e1de515..69ceab2e 100644 --- a/components/modals/CreateOpenbookMarketModal.tsx +++ b/components/modals/CreateOpenbookMarketModal.tsx @@ -156,9 +156,8 @@ const CreateOpenbookMarketModal = ({ useEffect(() => { const getMinLamportsToCreateMarket = async () => { const accountsSpace = 84522 + MARKET_STATE_LAYOUT_V2.span - const minLamports = await connection.getMinimumBalanceForRentExemption( - accountsSpace, - ) + const minLamports = + await connection.getMinimumBalanceForRentExemption(accountsSpace) setSolNeededToCreateMarket( Math.round((minLamports / LAMPORTS_PER_SOL + Number.EPSILON) * 100) / 100, diff --git a/components/modals/DashboardSuggestedValuesModal.tsx b/components/modals/DashboardSuggestedValuesModal.tsx index 6f4bb43f..df61ef23 100644 --- a/components/modals/DashboardSuggestedValuesModal.tsx +++ b/components/modals/DashboardSuggestedValuesModal.tsx @@ -287,7 +287,7 @@ const DashboardSuggestedValues = ({ {bank.name} - Suggested tier: {suggestedTier} - + { /> @@ -370,7 +370,7 @@ const AccountSizeFormInput = ({ - + {!disabled ? ( @@ -396,7 +396,7 @@ const AccountSizeFormInput = ({ disabled={disabled} /> diff --git a/components/modals/SharePositionModal.tsx b/components/modals/SharePositionModal.tsx index 6835fdbe..61514bfe 100644 --- a/components/modals/SharePositionModal.tsx +++ b/components/modals/SharePositionModal.tsx @@ -146,7 +146,7 @@ const SharePositionModal = ({ - + = 0 ? '/images/space.svg' : '/images/underwater.svg'} alt="Share Background" diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx index e5aee7c9..9691ec8e 100644 --- a/components/modals/UserSetupModal.tsx +++ b/components/modals/UserSetupModal.tsx @@ -228,7 +228,7 @@ const UserSetupModal = ({ - + {walletsDisplayed?.map((w) => ( { return ( {text} diff --git a/components/notifications/NotificationsButton.tsx b/components/notifications/NotificationsButton.tsx index ff3a12e0..3ef1db26 100644 --- a/components/notifications/NotificationsButton.tsx +++ b/components/notifications/NotificationsButton.tsx @@ -36,7 +36,7 @@ const NotificationsButton = () => { Notifications {notificationCount !== 0 ? ( - + {formatNumericValue(notificationCount)} diff --git a/components/profile/EditProfileForm.tsx b/components/profile/EditProfileForm.tsx index d55776f2..a81d649a 100644 --- a/components/profile/EditProfileForm.tsx +++ b/components/profile/EditProfileForm.tsx @@ -141,7 +141,7 @@ const EditProfileForm = ({ { const { data: isWhiteListed } = useIsWhiteListed() return isWhiteListed && showBanner ? ( - + Season 1 of Mango Mints is starting soon. diff --git a/components/rewards/RewardsPage.tsx b/components/rewards/RewardsPage.tsx index e8cd543b..838fef7f 100644 --- a/components/rewards/RewardsPage.tsx +++ b/components/rewards/RewardsPage.tsx @@ -114,7 +114,7 @@ const RewardsPage = () => { <> - + { className="flex items-center" onClick={() => setShowAccountSizeModal(true)} > - + {t('settings:increase-account-size')} ) : ( - + {t('settings:error-account-size-full')} @@ -86,7 +86,7 @@ const AccountSettings = () => { - + {usedTokens.length ? ( usedTokens.map((token, i) => { const tokenBank = group.getFirstBankByTokenIndex( @@ -94,7 +94,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -104,7 +104,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -144,7 +144,7 @@ const AccountSettings = () => { - + {usedSerum3.length ? ( usedSerum3.map((mkt, i) => { const market = group.getSerum3MarketByMarketIndex( @@ -152,7 +152,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -162,7 +162,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -201,7 +201,7 @@ const AccountSettings = () => { - + {usedPerps.length ? ( usedPerps.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -209,7 +209,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -219,7 +219,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -258,7 +258,7 @@ const AccountSettings = () => { - + {usedPerpOo.length ? ( usedPerpOo.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -266,7 +266,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -276,7 +276,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} diff --git a/components/settings/HotKeysSettings.tsx b/components/settings/HotKeysSettings.tsx index c16e9d40..d4e3c449 100644 --- a/components/settings/HotKeysSettings.tsx +++ b/components/settings/HotKeysSettings.tsx @@ -452,7 +452,7 @@ const HotKeyModal = ({ isOpen, onClose }: ModalProps) => { ) : null} - + { enterTo="opacity-100" > - + ( ) diff --git a/components/shared/PnlTooltipContent.tsx b/components/shared/PnlTooltipContent.tsx index 021afd08..8be57523 100644 --- a/components/shared/PnlTooltipContent.tsx +++ b/components/shared/PnlTooltipContent.tsx @@ -29,7 +29,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(unrealizedPnl, 2)} - + {t('trade:realized-pnl')} {formatCurrencyValue(realizedPnl, 2)} @@ -41,7 +41,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(totalPnl, 2)} - + {t('trade:return-on-equity')} diff --git a/components/shared/SecondaryTabBar.tsx b/components/shared/SecondaryTabBar.tsx index d0182956..37dce879 100644 --- a/components/shared/SecondaryTabBar.tsx +++ b/components/shared/SecondaryTabBar.tsx @@ -15,7 +15,7 @@ const SecondaryTabBar = ({ {tabs.map((tab) => ( { const { t } = useTranslation('common') return ( - + {t('soon')}™ ) diff --git a/components/shared/TabUnderline.tsx b/components/shared/TabUnderline.tsx index 8810b2b8..6c6c69ff 100644 --- a/components/shared/TabUnderline.tsx +++ b/components/shared/TabUnderline.tsx @@ -70,7 +70,7 @@ const TabUnderline = ({ {names ? names[i] : t(`${value}`)} {value === 'trade:trigger-order' ? ( - + beta ) : null} diff --git a/components/shared/TokenListButton.tsx b/components/shared/TokenListButton.tsx index 97c343d5..e6408832 100644 --- a/components/shared/TokenListButton.tsx +++ b/components/shared/TokenListButton.tsx @@ -14,7 +14,7 @@ const TokenListButton = ({ return ( setShowList(true)} - className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" + className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" > {logo} diff --git a/components/stats/perps/MangoPerpStatsCharts.tsx b/components/stats/perps/MangoPerpStatsCharts.tsx index 3a8535f5..fb763994 100644 --- a/components/stats/perps/MangoPerpStatsCharts.tsx +++ b/components/stats/perps/MangoPerpStatsCharts.tsx @@ -102,7 +102,7 @@ const MangoPerpStatsCharts = () => { return ( <> {feeValues.length ? ( - + { ) : null} {openInterestValues.length ? ( - + { ) : null} {volumeValues.length ? ( - + { enterTo="opacity-100" > - + {t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
Your connection appears to be offline @@ -191,7 +191,7 @@ const TopBar = () => { {isUnownedAccount || (!connected && isMobile) ? null : isMobile ? ( handleDepositWithdrawModal('deposit')} - className="h-[63px] bg-th-bkg-1 border-l border-th-bkg-3 px-4 font-display text-center text-th-fgd-1" + className="h-[63px] border-l border-th-bkg-3 bg-th-bkg-1 px-4 text-center font-display text-th-fgd-1" >{`${t('deposit')} / ${t('withdraw')}`} ) : ( { isLessThan /> - + {formatNumericValue(tps, 0)} TPS @@ -98,7 +98,7 @@ export const StatusDot = ({ return ( diff --git a/components/account/AccountChart.tsx b/components/account/AccountChart.tsx index 09799b6f..65fc02f3 100644 --- a/components/account/AccountChart.tsx +++ b/components/account/AccountChart.tsx @@ -60,7 +60,7 @@ const AccountChart = ({ {CHART_TABS.map((tab) => ( ) : null} - + {maintHealth}% @@ -263,7 +263,7 @@ const AccountHeroStats = ({ > {t('free-collateral')} - + ) : null} - + ) : null} - + ) : ( - + { {TABS.map((tab) => ( { ) : null}
{maintHealth}%
{t('free-collateral')}
+
) : null}
) : ( -
{ {TABS.map((tab) => ( { ) : null}
- + {t('trade:notional')} diff --git a/components/borrow/AssetsBorrowsTable.tsx b/components/borrow/AssetsBorrowsTable.tsx index ab14a412..5e52eb1e 100644 --- a/components/borrow/AssetsBorrowsTable.tsx +++ b/components/borrow/AssetsBorrowsTable.tsx @@ -157,7 +157,7 @@ const AssetsBorrowsTable = () => { enterTo="opacity-100" > - + {t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <> - + {t('borrow:current-borrow-value')} @@ -122,7 +122,7 @@ const BorrowPage = () => { )} - + {t('borrow:available-to-borrow')} @@ -143,7 +143,7 @@ const BorrowPage = () => { - + { enterTo="opacity-100" > - + {t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? ( - + {t('market-pair')}{' '} {baseToken && quoteToken @@ -389,7 +389,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { {t('market-name-desc')} - + {t('market-name-convention-1')} {t('market-name-convention-2')} {t('market-name-convention-3')} diff --git a/components/governance/ListToken/ListToken.tsx b/components/governance/ListToken/ListToken.tsx index 796f8835..7d015aa4 100644 --- a/components/governance/ListToken/ListToken.tsx +++ b/components/governance/ListToken/ListToken.tsx @@ -995,7 +995,7 @@ const ListToken = ({ goBack }: { goBack: () => void }) => { ) : null} - + {t('cancel')} diff --git a/components/governance/Vote/ProposalCard.tsx b/components/governance/Vote/ProposalCard.tsx index ae91e52a..8dc4d023 100644 --- a/components/governance/Vote/ProposalCard.tsx +++ b/components/governance/Vote/ProposalCard.tsx @@ -266,7 +266,7 @@ const ProposalCard = ({ )} {mangoMint && ( - + { return ( - {t('active-proposals')} + {t('active-proposals')} {loadingProposals || loadingRealm ? ( diff --git a/components/governance/Vote/VotePage.tsx b/components/governance/Vote/VotePage.tsx index e802fde6..d5690b9c 100644 --- a/components/governance/Vote/VotePage.tsx +++ b/components/governance/Vote/VotePage.tsx @@ -5,7 +5,7 @@ const Vote = dynamic(() => import('./Vote')) const VotePage = () => { return ( - + diff --git a/components/modals/CreateOpenbookMarketModal.tsx b/components/modals/CreateOpenbookMarketModal.tsx index 1e1de515..69ceab2e 100644 --- a/components/modals/CreateOpenbookMarketModal.tsx +++ b/components/modals/CreateOpenbookMarketModal.tsx @@ -156,9 +156,8 @@ const CreateOpenbookMarketModal = ({ useEffect(() => { const getMinLamportsToCreateMarket = async () => { const accountsSpace = 84522 + MARKET_STATE_LAYOUT_V2.span - const minLamports = await connection.getMinimumBalanceForRentExemption( - accountsSpace, - ) + const minLamports = + await connection.getMinimumBalanceForRentExemption(accountsSpace) setSolNeededToCreateMarket( Math.round((minLamports / LAMPORTS_PER_SOL + Number.EPSILON) * 100) / 100, diff --git a/components/modals/DashboardSuggestedValuesModal.tsx b/components/modals/DashboardSuggestedValuesModal.tsx index 6f4bb43f..df61ef23 100644 --- a/components/modals/DashboardSuggestedValuesModal.tsx +++ b/components/modals/DashboardSuggestedValuesModal.tsx @@ -287,7 +287,7 @@ const DashboardSuggestedValues = ({ {bank.name} - Suggested tier: {suggestedTier} - + { /> @@ -370,7 +370,7 @@ const AccountSizeFormInput = ({ - + {!disabled ? ( @@ -396,7 +396,7 @@ const AccountSizeFormInput = ({ disabled={disabled} /> diff --git a/components/modals/SharePositionModal.tsx b/components/modals/SharePositionModal.tsx index 6835fdbe..61514bfe 100644 --- a/components/modals/SharePositionModal.tsx +++ b/components/modals/SharePositionModal.tsx @@ -146,7 +146,7 @@ const SharePositionModal = ({ - + = 0 ? '/images/space.svg' : '/images/underwater.svg'} alt="Share Background" diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx index e5aee7c9..9691ec8e 100644 --- a/components/modals/UserSetupModal.tsx +++ b/components/modals/UserSetupModal.tsx @@ -228,7 +228,7 @@ const UserSetupModal = ({ - + {walletsDisplayed?.map((w) => ( { return ( {text} diff --git a/components/notifications/NotificationsButton.tsx b/components/notifications/NotificationsButton.tsx index ff3a12e0..3ef1db26 100644 --- a/components/notifications/NotificationsButton.tsx +++ b/components/notifications/NotificationsButton.tsx @@ -36,7 +36,7 @@ const NotificationsButton = () => { Notifications {notificationCount !== 0 ? ( - + {formatNumericValue(notificationCount)} diff --git a/components/profile/EditProfileForm.tsx b/components/profile/EditProfileForm.tsx index d55776f2..a81d649a 100644 --- a/components/profile/EditProfileForm.tsx +++ b/components/profile/EditProfileForm.tsx @@ -141,7 +141,7 @@ const EditProfileForm = ({ { const { data: isWhiteListed } = useIsWhiteListed() return isWhiteListed && showBanner ? ( - + Season 1 of Mango Mints is starting soon. diff --git a/components/rewards/RewardsPage.tsx b/components/rewards/RewardsPage.tsx index e8cd543b..838fef7f 100644 --- a/components/rewards/RewardsPage.tsx +++ b/components/rewards/RewardsPage.tsx @@ -114,7 +114,7 @@ const RewardsPage = () => { <> - + { className="flex items-center" onClick={() => setShowAccountSizeModal(true)} > - + {t('settings:increase-account-size')} ) : ( - + {t('settings:error-account-size-full')} @@ -86,7 +86,7 @@ const AccountSettings = () => { - + {usedTokens.length ? ( usedTokens.map((token, i) => { const tokenBank = group.getFirstBankByTokenIndex( @@ -94,7 +94,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -104,7 +104,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -144,7 +144,7 @@ const AccountSettings = () => { - + {usedSerum3.length ? ( usedSerum3.map((mkt, i) => { const market = group.getSerum3MarketByMarketIndex( @@ -152,7 +152,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -162,7 +162,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -201,7 +201,7 @@ const AccountSettings = () => { - + {usedPerps.length ? ( usedPerps.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -209,7 +209,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -219,7 +219,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -258,7 +258,7 @@ const AccountSettings = () => { - + {usedPerpOo.length ? ( usedPerpOo.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -266,7 +266,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -276,7 +276,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} diff --git a/components/settings/HotKeysSettings.tsx b/components/settings/HotKeysSettings.tsx index c16e9d40..d4e3c449 100644 --- a/components/settings/HotKeysSettings.tsx +++ b/components/settings/HotKeysSettings.tsx @@ -452,7 +452,7 @@ const HotKeyModal = ({ isOpen, onClose }: ModalProps) => { ) : null} - + { enterTo="opacity-100" > - + ( ) diff --git a/components/shared/PnlTooltipContent.tsx b/components/shared/PnlTooltipContent.tsx index 021afd08..8be57523 100644 --- a/components/shared/PnlTooltipContent.tsx +++ b/components/shared/PnlTooltipContent.tsx @@ -29,7 +29,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(unrealizedPnl, 2)} - + {t('trade:realized-pnl')} {formatCurrencyValue(realizedPnl, 2)} @@ -41,7 +41,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(totalPnl, 2)} - + {t('trade:return-on-equity')} diff --git a/components/shared/SecondaryTabBar.tsx b/components/shared/SecondaryTabBar.tsx index d0182956..37dce879 100644 --- a/components/shared/SecondaryTabBar.tsx +++ b/components/shared/SecondaryTabBar.tsx @@ -15,7 +15,7 @@ const SecondaryTabBar = ({ {tabs.map((tab) => ( { const { t } = useTranslation('common') return ( - + {t('soon')}™ ) diff --git a/components/shared/TabUnderline.tsx b/components/shared/TabUnderline.tsx index 8810b2b8..6c6c69ff 100644 --- a/components/shared/TabUnderline.tsx +++ b/components/shared/TabUnderline.tsx @@ -70,7 +70,7 @@ const TabUnderline = ({ {names ? names[i] : t(`${value}`)} {value === 'trade:trigger-order' ? ( - + beta ) : null} diff --git a/components/shared/TokenListButton.tsx b/components/shared/TokenListButton.tsx index 97c343d5..e6408832 100644 --- a/components/shared/TokenListButton.tsx +++ b/components/shared/TokenListButton.tsx @@ -14,7 +14,7 @@ const TokenListButton = ({ return ( setShowList(true)} - className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" + className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" > {logo} diff --git a/components/stats/perps/MangoPerpStatsCharts.tsx b/components/stats/perps/MangoPerpStatsCharts.tsx index 3a8535f5..fb763994 100644 --- a/components/stats/perps/MangoPerpStatsCharts.tsx +++ b/components/stats/perps/MangoPerpStatsCharts.tsx @@ -102,7 +102,7 @@ const MangoPerpStatsCharts = () => { return ( <> {feeValues.length ? ( - + { ) : null} {openInterestValues.length ? ( - + { ) : null} {volumeValues.length ? ( - + { enterTo="opacity-100" > - + {t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{t('trade:notional')} diff --git a/components/borrow/AssetsBorrowsTable.tsx b/components/borrow/AssetsBorrowsTable.tsx index ab14a412..5e52eb1e 100644 --- a/components/borrow/AssetsBorrowsTable.tsx +++ b/components/borrow/AssetsBorrowsTable.tsx @@ -157,7 +157,7 @@ const AssetsBorrowsTable = () => { enterTo="opacity-100" > - + {t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <> - + {t('borrow:current-borrow-value')} @@ -122,7 +122,7 @@ const BorrowPage = () => { )} - + {t('borrow:available-to-borrow')} @@ -143,7 +143,7 @@ const BorrowPage = () => { - + { enterTo="opacity-100" > - + {t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? ( - + {t('market-pair')}{' '} {baseToken && quoteToken @@ -389,7 +389,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { {t('market-name-desc')} - + {t('market-name-convention-1')} {t('market-name-convention-2')} {t('market-name-convention-3')} diff --git a/components/governance/ListToken/ListToken.tsx b/components/governance/ListToken/ListToken.tsx index 796f8835..7d015aa4 100644 --- a/components/governance/ListToken/ListToken.tsx +++ b/components/governance/ListToken/ListToken.tsx @@ -995,7 +995,7 @@ const ListToken = ({ goBack }: { goBack: () => void }) => { ) : null} - + {t('cancel')} diff --git a/components/governance/Vote/ProposalCard.tsx b/components/governance/Vote/ProposalCard.tsx index ae91e52a..8dc4d023 100644 --- a/components/governance/Vote/ProposalCard.tsx +++ b/components/governance/Vote/ProposalCard.tsx @@ -266,7 +266,7 @@ const ProposalCard = ({ )} {mangoMint && ( - + { return ( - {t('active-proposals')} + {t('active-proposals')} {loadingProposals || loadingRealm ? ( diff --git a/components/governance/Vote/VotePage.tsx b/components/governance/Vote/VotePage.tsx index e802fde6..d5690b9c 100644 --- a/components/governance/Vote/VotePage.tsx +++ b/components/governance/Vote/VotePage.tsx @@ -5,7 +5,7 @@ const Vote = dynamic(() => import('./Vote')) const VotePage = () => { return ( - + diff --git a/components/modals/CreateOpenbookMarketModal.tsx b/components/modals/CreateOpenbookMarketModal.tsx index 1e1de515..69ceab2e 100644 --- a/components/modals/CreateOpenbookMarketModal.tsx +++ b/components/modals/CreateOpenbookMarketModal.tsx @@ -156,9 +156,8 @@ const CreateOpenbookMarketModal = ({ useEffect(() => { const getMinLamportsToCreateMarket = async () => { const accountsSpace = 84522 + MARKET_STATE_LAYOUT_V2.span - const minLamports = await connection.getMinimumBalanceForRentExemption( - accountsSpace, - ) + const minLamports = + await connection.getMinimumBalanceForRentExemption(accountsSpace) setSolNeededToCreateMarket( Math.round((minLamports / LAMPORTS_PER_SOL + Number.EPSILON) * 100) / 100, diff --git a/components/modals/DashboardSuggestedValuesModal.tsx b/components/modals/DashboardSuggestedValuesModal.tsx index 6f4bb43f..df61ef23 100644 --- a/components/modals/DashboardSuggestedValuesModal.tsx +++ b/components/modals/DashboardSuggestedValuesModal.tsx @@ -287,7 +287,7 @@ const DashboardSuggestedValues = ({ {bank.name} - Suggested tier: {suggestedTier} - + { /> @@ -370,7 +370,7 @@ const AccountSizeFormInput = ({ - + {!disabled ? ( @@ -396,7 +396,7 @@ const AccountSizeFormInput = ({ disabled={disabled} /> diff --git a/components/modals/SharePositionModal.tsx b/components/modals/SharePositionModal.tsx index 6835fdbe..61514bfe 100644 --- a/components/modals/SharePositionModal.tsx +++ b/components/modals/SharePositionModal.tsx @@ -146,7 +146,7 @@ const SharePositionModal = ({ - + = 0 ? '/images/space.svg' : '/images/underwater.svg'} alt="Share Background" diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx index e5aee7c9..9691ec8e 100644 --- a/components/modals/UserSetupModal.tsx +++ b/components/modals/UserSetupModal.tsx @@ -228,7 +228,7 @@ const UserSetupModal = ({ - + {walletsDisplayed?.map((w) => ( { return ( {text} diff --git a/components/notifications/NotificationsButton.tsx b/components/notifications/NotificationsButton.tsx index ff3a12e0..3ef1db26 100644 --- a/components/notifications/NotificationsButton.tsx +++ b/components/notifications/NotificationsButton.tsx @@ -36,7 +36,7 @@ const NotificationsButton = () => { Notifications {notificationCount !== 0 ? ( - + {formatNumericValue(notificationCount)} diff --git a/components/profile/EditProfileForm.tsx b/components/profile/EditProfileForm.tsx index d55776f2..a81d649a 100644 --- a/components/profile/EditProfileForm.tsx +++ b/components/profile/EditProfileForm.tsx @@ -141,7 +141,7 @@ const EditProfileForm = ({ { const { data: isWhiteListed } = useIsWhiteListed() return isWhiteListed && showBanner ? ( - + Season 1 of Mango Mints is starting soon. diff --git a/components/rewards/RewardsPage.tsx b/components/rewards/RewardsPage.tsx index e8cd543b..838fef7f 100644 --- a/components/rewards/RewardsPage.tsx +++ b/components/rewards/RewardsPage.tsx @@ -114,7 +114,7 @@ const RewardsPage = () => { <> - + { className="flex items-center" onClick={() => setShowAccountSizeModal(true)} > - + {t('settings:increase-account-size')} ) : ( - + {t('settings:error-account-size-full')} @@ -86,7 +86,7 @@ const AccountSettings = () => { - + {usedTokens.length ? ( usedTokens.map((token, i) => { const tokenBank = group.getFirstBankByTokenIndex( @@ -94,7 +94,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -104,7 +104,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -144,7 +144,7 @@ const AccountSettings = () => { - + {usedSerum3.length ? ( usedSerum3.map((mkt, i) => { const market = group.getSerum3MarketByMarketIndex( @@ -152,7 +152,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -162,7 +162,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -201,7 +201,7 @@ const AccountSettings = () => { - + {usedPerps.length ? ( usedPerps.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -209,7 +209,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -219,7 +219,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} @@ -258,7 +258,7 @@ const AccountSettings = () => { - + {usedPerpOo.length ? ( usedPerpOo.map((perp, i) => { const market = group.getPerpMarketByMarketIndex( @@ -266,7 +266,7 @@ const AccountSettings = () => { ) return ( {i + 1}. @@ -276,7 +276,7 @@ const AccountSettings = () => { ) }) ) : ( - + {t('notifications:empty-state-title')}... )} diff --git a/components/settings/HotKeysSettings.tsx b/components/settings/HotKeysSettings.tsx index c16e9d40..d4e3c449 100644 --- a/components/settings/HotKeysSettings.tsx +++ b/components/settings/HotKeysSettings.tsx @@ -452,7 +452,7 @@ const HotKeyModal = ({ isOpen, onClose }: ModalProps) => { ) : null} - + { enterTo="opacity-100" > - + ( ) diff --git a/components/shared/PnlTooltipContent.tsx b/components/shared/PnlTooltipContent.tsx index 021afd08..8be57523 100644 --- a/components/shared/PnlTooltipContent.tsx +++ b/components/shared/PnlTooltipContent.tsx @@ -29,7 +29,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(unrealizedPnl, 2)} - + {t('trade:realized-pnl')} {formatCurrencyValue(realizedPnl, 2)} @@ -41,7 +41,7 @@ const PnlTooltipContent = ({ {formatCurrencyValue(totalPnl, 2)} - + {t('trade:return-on-equity')} diff --git a/components/shared/SecondaryTabBar.tsx b/components/shared/SecondaryTabBar.tsx index d0182956..37dce879 100644 --- a/components/shared/SecondaryTabBar.tsx +++ b/components/shared/SecondaryTabBar.tsx @@ -15,7 +15,7 @@ const SecondaryTabBar = ({ {tabs.map((tab) => ( { const { t } = useTranslation('common') return ( - + {t('soon')}™ ) diff --git a/components/shared/TabUnderline.tsx b/components/shared/TabUnderline.tsx index 8810b2b8..6c6c69ff 100644 --- a/components/shared/TabUnderline.tsx +++ b/components/shared/TabUnderline.tsx @@ -70,7 +70,7 @@ const TabUnderline = ({ {names ? names[i] : t(`${value}`)} {value === 'trade:trigger-order' ? ( - + beta ) : null} diff --git a/components/shared/TokenListButton.tsx b/components/shared/TokenListButton.tsx index 97c343d5..e6408832 100644 --- a/components/shared/TokenListButton.tsx +++ b/components/shared/TokenListButton.tsx @@ -14,7 +14,7 @@ const TokenListButton = ({ return ( setShowList(true)} - className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" + className="flex h-full w-full items-center rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-2 md:hover:cursor-pointer md:hover:bg-th-bkg-2 md:hover:text-th-fgd-1" > {logo} diff --git a/components/stats/perps/MangoPerpStatsCharts.tsx b/components/stats/perps/MangoPerpStatsCharts.tsx index 3a8535f5..fb763994 100644 --- a/components/stats/perps/MangoPerpStatsCharts.tsx +++ b/components/stats/perps/MangoPerpStatsCharts.tsx @@ -102,7 +102,7 @@ const MangoPerpStatsCharts = () => { return ( <> {feeValues.length ? ( - + { ) : null} {openInterestValues.length ? ( - + { ) : null} {volumeValues.length ? ( - + { enterTo="opacity-100" > - + {t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{t('available')} diff --git a/components/borrow/BorrowPage.tsx b/components/borrow/BorrowPage.tsx index ef390930..211032b5 100644 --- a/components/borrow/BorrowPage.tsx +++ b/components/borrow/BorrowPage.tsx @@ -92,7 +92,7 @@ const BorrowPage = () => { <>
{t('borrow:current-borrow-value')}
{t('borrow:available-to-borrow')}
{t('rate')} diff --git a/components/governance/ListMarket/ListMarket.tsx b/components/governance/ListMarket/ListMarket.tsx index 4c6fdadc..098aeced 100644 --- a/components/governance/ListMarket/ListMarket.tsx +++ b/components/governance/ListMarket/ListMarket.tsx @@ -284,7 +284,7 @@ const ListMarket = ({ goBack }: { goBack: () => void }) => { ) : null} {currentView === VIEWS.BASE_TOKEN ? (
Season 1 of Mango Mints is starting soon.
{t('settings:error-account-size-full')}
{i + 1}.
{t('notifications:empty-state-title')}...
{t('trade:realized-pnl')}
{t('trade:return-on-equity')}
{t('trade:min-order-size')} diff --git a/components/stats/perps/PerpMarketsOverviewTable.tsx b/components/stats/perps/PerpMarketsOverviewTable.tsx index fc7d687c..e703d4a1 100644 --- a/components/stats/perps/PerpMarketsOverviewTable.tsx +++ b/components/stats/perps/PerpMarketsOverviewTable.tsx @@ -358,7 +358,7 @@ const MobilePerpMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> - + {t('stats:largest-perp-positions')} - + {t('stats:closest-to-liquidation')} diff --git a/components/stats/perps/PerpPositionsStatsTable.tsx b/components/stats/perps/PerpPositionsStatsTable.tsx index 7fa11da7..c61f3ef4 100644 --- a/components/stats/perps/PerpPositionsStatsTable.tsx +++ b/components/stats/perps/PerpPositionsStatsTable.tsx @@ -248,7 +248,7 @@ const PerpPositionsStatsTable = ({ enterTo="opacity-100" > - + {t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{t('price')}
diff --git a/components/stats/perps/PerpMarketsPositions.tsx b/components/stats/perps/PerpMarketsPositions.tsx index f0e8f1c4..20a70b9c 100644 --- a/components/stats/perps/PerpMarketsPositions.tsx +++ b/components/stats/perps/PerpMarketsPositions.tsx @@ -8,11 +8,11 @@ const PerpMarketsPositions = () => { const { t } = useTranslation('stats') return ( <> -
{t('trade:size')} diff --git a/components/stats/spot/SpotMarketsTable.tsx b/components/stats/spot/SpotMarketsTable.tsx index 719876d5..b94f6d59 100644 --- a/components/stats/spot/SpotMarketsTable.tsx +++ b/components/stats/spot/SpotMarketsTable.tsx @@ -343,7 +343,7 @@ const MobileSpotMarketItem = ({ enterTo="opacity-100" > - + {t('price')} diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
diff --git a/components/stats/tokens/TokenDetailsTable.tsx b/components/stats/tokens/TokenDetailsTable.tsx index 30f72bd2..53ec4669 100644 --- a/components/stats/tokens/TokenDetailsTable.tsx +++ b/components/stats/tokens/TokenDetailsTable.tsx @@ -278,7 +278,7 @@ const TokenDetailsTable = () => { enterTo="opacity-100" > - + { enterTo="opacity-100" > - + {t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> - + { yKey={'depositValue'} /> - + { yKey={'borrowValue'} /> - + {!isNaN(Number(amountOutFormValue)) ? ( - + {outputBank ? formatCurrencyValue( outputBank.uiPrice * Number(amountOutFormValue), diff --git a/components/swap/FavoriteSwapsBar.tsx b/components/swap/FavoriteSwapsBar.tsx index 88f6a124..2bae0321 100644 --- a/components/swap/FavoriteSwapsBar.tsx +++ b/components/swap/FavoriteSwapsBar.tsx @@ -26,7 +26,7 @@ const FavoriteSwapsBar = () => { return ( - + toggleFlipPrices(!flipPrices)} > {triggerPriceSuffix} @@ -870,7 +870,7 @@ const LimitSwapForm = ({ {ipAllowed ? ( {connected ? ( @@ -894,7 +894,7 @@ const LimitSwapForm = ({ ) : ( {t('country-not-allowed', { diff --git a/components/swap/MarketSwapForm.tsx b/components/swap/MarketSwapForm.tsx index 4b1242db..7e01d96a 100644 --- a/components/swap/MarketSwapForm.tsx +++ b/components/swap/MarketSwapForm.tsx @@ -219,7 +219,7 @@ const MarketSwapForm = ({ setShowTokenSelect }: MarketSwapFormProps) => { <> { ) : ( {t('country-not-allowed', { @@ -375,7 +375,7 @@ const SwapFormSubmitButton = ({ {connected ? ( @@ -392,7 +392,7 @@ const SwapFormSubmitButton = ({ ) : ( )} diff --git a/components/swap/SellTokenInput.tsx b/components/swap/SellTokenInput.tsx index 6aa5cc67..11d093dd 100644 --- a/components/swap/SellTokenInput.tsx +++ b/components/swap/SellTokenInput.tsx @@ -87,7 +87,7 @@ const SellTokenInput = ({ isAllowed={withValueLimit} /> {!isNaN(Number(amountInFormValue)) ? ( - + {inputBank ? formatCurrencyValue( inputBank.uiPrice * Number(amountInFormValue), diff --git a/components/swap/SlippageSettings.tsx b/components/swap/SlippageSettings.tsx index 02b9a7d0..eabe4842 100644 --- a/components/swap/SlippageSettings.tsx +++ b/components/swap/SlippageSettings.tsx @@ -32,7 +32,7 @@ const SlippageSettings = ({ onClose }: { onClose: () => void }) => { <> {t('swap:slippage')} diff --git a/components/swap/SwapForm.tsx b/components/swap/SwapForm.tsx index 0c4c1131..ec25b9ac 100644 --- a/components/swap/SwapForm.tsx +++ b/components/swap/SwapForm.tsx @@ -132,7 +132,7 @@ const SwapForm = () => { return ( diff --git a/components/swap/SwapHistoryTable.tsx b/components/swap/SwapHistoryTable.tsx index 1bbb0ba8..48e3a3fc 100644 --- a/components/swap/SwapHistoryTable.tsx +++ b/components/swap/SwapHistoryTable.tsx @@ -391,7 +391,7 @@ const SwapHistoryTable = () => { enterTo="opacity-100" > - + {t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{t('total-deposits')} diff --git a/components/stats/tokens/TokenStatsCharts.tsx b/components/stats/tokens/TokenStatsCharts.tsx index 7855bba5..f976eef1 100644 --- a/components/stats/tokens/TokenStatsCharts.tsx +++ b/components/stats/tokens/TokenStatsCharts.tsx @@ -38,7 +38,7 @@ const TokenStatsCharts = () => { return ( <> -
{t('value')} diff --git a/components/swap/SwapOrders.tsx b/components/swap/SwapOrders.tsx index 07748173..23524116 100644 --- a/components/swap/SwapOrders.tsx +++ b/components/swap/SwapOrders.tsx @@ -290,7 +290,7 @@ const SwapOrders = () => {
{size} - + {' '} {bank.name} @@ -299,7 +299,7 @@ const SwapOrders = () => {
{filled}/{size} - + {' '} {bank.name} @@ -308,7 +308,7 @@ const SwapOrders = () => {
{currentPrice} - + {' '} {buyBank.name} @@ -317,7 +317,7 @@ const SwapOrders = () => {
{triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -377,15 +377,15 @@ const SwapOrders = () => { {size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{size} - + {' '} {bank.name} - + {' at '} {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} @@ -404,14 +404,14 @@ const SwapOrders = () => { enterTo="opacity-100" > - + {t('trade:size')} {size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => { {filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => { {currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => { {triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{t('trade:size')}
{size} - + {' '} {bank.name} @@ -423,7 +423,7 @@ const SwapOrders = () => {
{filled}/{size} - + {' '} {bank.name} @@ -435,7 +435,7 @@ const SwapOrders = () => {
{currentPrice} - + {' '} {buyBank.name} @@ -447,7 +447,7 @@ const SwapOrders = () => {
{triggerPrice} - + {' '} {side === 'buy' ? sellBank.name : buyBank.name} diff --git a/components/swap/SwapReviewRouteInfo.tsx b/components/swap/SwapReviewRouteInfo.tsx index c2e37888..a7808643 100644 --- a/components/swap/SwapReviewRouteInfo.tsx +++ b/components/swap/SwapReviewRouteInfo.tsx @@ -374,7 +374,7 @@ const SwapReviewRouteInfo = ({ void }) => { <> {t('settings')} { ) : chartData?.length && baseTokenId && quoteTokenId ? ( {swapTooltipData ? ( - + {renderTooltipContent(swapTooltipData)} ) : null} @@ -543,7 +543,7 @@ const SwapTokenChart = () => { - + { return ( showTokenList(type)} - className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg py-2 px-3 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" + className="flex h-[56px] w-full items-center rounded-lg rounded-r-none bg-th-input-bkg px-3 py-2 text-th-fgd-2 focus-visible:bg-th-bkg-3 md:hover:cursor-pointer md:hover:bg-th-bkg-1 md:hover:text-th-fgd-1" > diff --git a/components/token/ChartTabs.tsx b/components/token/ChartTabs.tsx index 1a9d0af4..7c5e08e7 100644 --- a/components/token/ChartTabs.tsx +++ b/components/token/ChartTabs.tsx @@ -35,7 +35,7 @@ const ChartTabs = ({ bank }: { bank: Bank }) => { return ( - + { ['token:deposit-rates', 0], ]} /> - + {activeDepositsTab === 'token:deposits' ? ( { ['token:borrow-rates', 0], ]} /> - + {activeBorrowsTab === 'token:borrows' ? ( {description ? ( - + About {bank.name} {parse(description)} diff --git a/components/token/TokenPage.tsx b/components/token/TokenPage.tsx index 195afa9d..416d54be 100644 --- a/components/token/TokenPage.tsx +++ b/components/token/TokenPage.tsx @@ -146,7 +146,7 @@ const TokenPage = () => { )} - + {animationSettings['number-scroll'] ? ( { ))} ) : ( - + {t('no-depositors')} @@ -140,7 +140,7 @@ const TopTokenAccounts = ({ bank }: { bank: Bank }) => { ))} ) : ( - + {t('no-borrowers')} diff --git a/components/trade/AdvancedMarketHeader.tsx b/components/trade/AdvancedMarketHeader.tsx index e39f5e87..9c02adee 100644 --- a/components/trade/AdvancedMarketHeader.tsx +++ b/components/trade/AdvancedMarketHeader.tsx @@ -61,7 +61,7 @@ const AdvancedMarketHeader = ({ - + <> diff --git a/components/trade/AdvancedTradeForm.tsx b/components/trade/AdvancedTradeForm.tsx index bcd7b084..e1f1fa69 100644 --- a/components/trade/AdvancedTradeForm.tsx +++ b/components/trade/AdvancedTradeForm.tsx @@ -742,7 +742,7 @@ const AdvancedTradeForm = () => { )} - + {ipAllowed ? ( connected ? ( { return chartData.length ? ( <> - + {priceRangePercent}% diff --git a/components/trade/FavoriteMarketsBar.tsx b/components/trade/FavoriteMarketsBar.tsx index 6dcb6f44..cc00f27f 100644 --- a/components/trade/FavoriteMarketsBar.tsx +++ b/components/trade/FavoriteMarketsBar.tsx @@ -18,7 +18,7 @@ const FavoriteMarketsBar = () => { return ( { - + { fillWidth /> - + {spotOrPerp === 'perp' && perpMarketsToShow.length ? ( <> - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -198,7 +198,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + {!isComingSoon ? ( <> { > - + {m.name} @@ -230,7 +230,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( @@ -270,10 +270,10 @@ const MarketSelectDropdown = () => { ) : null} {spotOrPerp === 'spot' && serumMarketsToShow.length ? ( <> - + { {spotBaseTokens.map((tab) => ( { */} - + {t('market')} {t('price')} {t('rolling-change')} - + {t('daily-volume')} @@ -348,7 +348,7 @@ const MarketSelectDropdown = () => { const volume = volumeData ? volumeData : 0 return ( - + { > - + {m.name} @@ -389,7 +389,7 @@ const MarketSelectDropdown = () => { - + {loadingMarketData ? ( diff --git a/components/trade/MaxMarketSwapAmount.tsx b/components/trade/MaxMarketSwapAmount.tsx index 1e7f7527..80f2575d 100644 --- a/components/trade/MaxMarketSwapAmount.tsx +++ b/components/trade/MaxMarketSwapAmount.tsx @@ -45,7 +45,7 @@ const MaxMarketSwapAmount = ({ if (mangoAccountLoading) return null return ( - + {t('trade:size')} { return ( - + {market ? ( <> {t('trade:grouping')}: @@ -521,7 +521,7 @@ const Orderbook = () => { ) })} diff --git a/components/trade/OrderbookTooltip.tsx b/components/trade/OrderbookTooltip.tsx index 8a45655e..d8d6eff6 100644 --- a/components/trade/OrderbookTooltip.tsx +++ b/components/trade/OrderbookTooltip.tsx @@ -27,7 +27,7 @@ const OrderbookTooltip = () => { const isPerp = serumOrPerpMarket instanceof PerpMarket return ( diff --git a/components/trade/PerpPositions.tsx b/components/trade/PerpPositions.tsx index 8e1bd68f..8b418e54 100644 --- a/components/trade/PerpPositions.tsx +++ b/components/trade/PerpPositions.tsx @@ -320,7 +320,7 @@ const PerpPositions = () => { {openPerpPositions.length > 1 ? ( <>> @@ -335,8 +335,8 @@ const PerpPositions = () => { <>> - - + + Total: { enterTo="opacity-100" > - + {t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +
{parse(description)}
{t('no-depositors')}
{t('no-borrowers')}
{t('market')}
{t('rolling-change')}
{t('daily-volume')}
{t('trade:grouping')}:
{t('trade:size')} @@ -649,13 +649,13 @@ const PerpPositions = () => { - + - + Total Unrealized PnL: 0 ? 'text-th-up' : 'text-th-down' @@ -676,11 +676,11 @@ const PerpPositions = () => { enterTo="opacity-100" > - + Total ROE: = 0 ? 'text-th-up' : 'text-th-down' diff --git a/components/trade/RecentTrades.tsx b/components/trade/RecentTrades.tsx index 53117976..507bbf2f 100644 --- a/components/trade/RecentTrades.tsx +++ b/components/trade/RecentTrades.tsx @@ -162,7 +162,7 @@ const RecentTrades = () => { return ( - +