diff --git a/src/components/DeprecatedMarketsInstructions.js b/src/components/DeprecatedMarketsInstructions.js index fc1832f..4035590 100644 --- a/src/components/DeprecatedMarketsInstructions.js +++ b/src/components/DeprecatedMarketsInstructions.js @@ -1,6 +1,5 @@ -import { Button, Divider, Spin } from 'antd'; +import { Button, Divider, Spin, Typography } from 'antd'; import React from 'react'; -import styled from 'styled-components'; import { useGetOpenOrdersForDeprecatedMarkets, useBalancesForDeprecatedMarkets, @@ -11,9 +10,7 @@ import CheckOutlined from '@ant-design/icons/lib/icons/CheckOutlined'; import BalancesTable from './UserInfoTable/BalancesTable'; import OpenOrderTable from './UserInfoTable/OpenOrderTable'; -const Title = styled.div` - color: rgba(255, 255, 255, 1); -`; +const { Title } = Typography; export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) { const balances = useBalancesForDeprecatedMarkets(); @@ -30,7 +27,18 @@ export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) { const needToSettleFunds = filteredBalances && filteredBalances.length > 0; return ( - Migrate off deprecated markets + + Migrate off deprecated markets + + + Serum has rolled out upgraded markets! They're faster and support fee + discounts based on SRM holdings. + +
+ + To migrate over to the new markets, please cancel your orders and settle + your funds on old markets. + {!balances ? ( ) : ( @@ -66,12 +74,13 @@ export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) { }} /> )} + Switch to upgraded markets
diff --git a/src/pages/TradePage.jsx b/src/pages/TradePage.jsx index 76e0cb8..585a072 100644 --- a/src/pages/TradePage.jsx +++ b/src/pages/TradePage.jsx @@ -110,15 +110,13 @@ export default function TradePage() { - You have unsettled funds on deprecated markets! Please go - through them to claim your funds. + You have unsettled funds on old markets! Please go through + them to claim your funds.