Mention new features in new markets on deprecated markets transition page
This commit is contained in:
parent
3821147103
commit
14d9a1118e
|
@ -1,6 +1,5 @@
|
||||||
import { Button, Divider, Spin } from 'antd';
|
import { Button, Divider, Spin, Typography } from 'antd';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styled from 'styled-components';
|
|
||||||
import {
|
import {
|
||||||
useGetOpenOrdersForDeprecatedMarkets,
|
useGetOpenOrdersForDeprecatedMarkets,
|
||||||
useBalancesForDeprecatedMarkets,
|
useBalancesForDeprecatedMarkets,
|
||||||
|
@ -11,9 +10,7 @@ import CheckOutlined from '@ant-design/icons/lib/icons/CheckOutlined';
|
||||||
import BalancesTable from './UserInfoTable/BalancesTable';
|
import BalancesTable from './UserInfoTable/BalancesTable';
|
||||||
import OpenOrderTable from './UserInfoTable/OpenOrderTable';
|
import OpenOrderTable from './UserInfoTable/OpenOrderTable';
|
||||||
|
|
||||||
const Title = styled.div`
|
const { Title } = Typography;
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
`;
|
|
||||||
|
|
||||||
export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) {
|
export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) {
|
||||||
const balances = useBalancesForDeprecatedMarkets();
|
const balances = useBalancesForDeprecatedMarkets();
|
||||||
|
@ -30,7 +27,18 @@ export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) {
|
||||||
const needToSettleFunds = filteredBalances && filteredBalances.length > 0;
|
const needToSettleFunds = filteredBalances && filteredBalances.length > 0;
|
||||||
return (
|
return (
|
||||||
<FloatingElement>
|
<FloatingElement>
|
||||||
<Title>Migrate off deprecated markets</Title>
|
<Title level={4} style={{ color: 'rgba(255, 255, 255, 1)' }}>
|
||||||
|
Migrate off deprecated markets
|
||||||
|
</Title>
|
||||||
|
<Typography>
|
||||||
|
Serum has rolled out upgraded markets! They're faster and support fee
|
||||||
|
discounts based on SRM holdings.
|
||||||
|
</Typography>
|
||||||
|
<br />
|
||||||
|
<Typography>
|
||||||
|
To migrate over to the new markets, please cancel your orders and settle
|
||||||
|
your funds on old markets.
|
||||||
|
</Typography>
|
||||||
{!balances ? (
|
{!balances ? (
|
||||||
<Spin size="large" />
|
<Spin size="large" />
|
||||||
) : (
|
) : (
|
||||||
|
@ -66,12 +74,13 @@ export default function DeprecatedMarketsInstructions({ switchToLiveMarkets }) {
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
<Divider>Switch to upgraded markets</Divider>
|
||||||
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
||||||
<Button
|
<Button
|
||||||
onClick={switchToLiveMarkets}
|
onClick={switchToLiveMarkets}
|
||||||
disabled={needToSettleFunds || needToCancelOrders}
|
disabled={needToSettleFunds || needToCancelOrders}
|
||||||
>
|
>
|
||||||
Switch to live markets
|
Switch to new markets
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|
|
@ -110,15 +110,13 @@ export default function TradePage() {
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<Col>
|
<Col>
|
||||||
<Typography>
|
<Typography>
|
||||||
You have unsettled funds on deprecated markets! Please go
|
You have unsettled funds on old markets! Please go through
|
||||||
through them to claim your funds.
|
them to claim your funds.
|
||||||
</Typography>
|
</Typography>
|
||||||
</Col>
|
</Col>
|
||||||
<Col>
|
<Col>
|
||||||
<Button onClick={() => setHandleDeprecated(!handleDeprecated)}>
|
<Button onClick={() => setHandleDeprecated(!handleDeprecated)}>
|
||||||
{handleDeprecated
|
{handleDeprecated ? 'View new markets' : 'Handle old markets'}
|
||||||
? 'View live markets'
|
|
||||||
: 'Handle deprecated markets'}
|
|
||||||
</Button>
|
</Button>
|
||||||
</Col>
|
</Col>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
|
|
Loading…
Reference in New Issue