feat: stub out margin trading tab
This commit is contained in:
parent
30d5a87cb5
commit
f75eba1b57
|
@ -9,6 +9,7 @@ import {
|
|||
ShoppingOutlined,
|
||||
HomeOutlined,
|
||||
RocketOutlined,
|
||||
LineChartOutlined
|
||||
} from "@ant-design/icons";
|
||||
|
||||
import BasicLayout from "@ant-design/pro-layout";
|
||||
|
@ -104,8 +105,17 @@ export const AppLayout = (props: any) => {
|
|||
{LABELS.MENU_LIQUIDATE}
|
||||
</Link>
|
||||
</Menu.Item>
|
||||
<Menu.Item key="6" icon={< LineChartOutlined/>}>
|
||||
<Link
|
||||
to={{
|
||||
pathname: "/marginTrading",
|
||||
}}
|
||||
>
|
||||
{LABELS.MARGIN_TRADING}
|
||||
</Link>
|
||||
</Menu.Item>
|
||||
{env !== "mainnet-beta" && (
|
||||
<Menu.Item key="6" icon={<RocketOutlined />}>
|
||||
<Menu.Item key="7" icon={<RocketOutlined />}>
|
||||
<Link
|
||||
to={{
|
||||
pathname: "/faucet",
|
||||
|
|
|
@ -19,6 +19,7 @@ export const LABELS = {
|
|||
MENU_BORROW: "Borrow",
|
||||
MENU_LIQUIDATE: "Liquidate",
|
||||
MENU_FAUCET: "Faucet",
|
||||
MARGIN_TRADING: "Margin Trading",
|
||||
APP_TITLE: "Oyster Lending",
|
||||
CONNECT_BUTTON: "Connect",
|
||||
WALLET_TOOLTIP: "Wallet public key",
|
||||
|
|
|
@ -20,6 +20,7 @@ import {
|
|||
WithdrawView,
|
||||
LiquidateView,
|
||||
LiquidateReserveView,
|
||||
MarginTrading,
|
||||
} from "./views";
|
||||
|
||||
export function Routes() {
|
||||
|
@ -72,6 +73,11 @@ export function Routes() {
|
|||
path="/liquidate/:id"
|
||||
children={<LiquidateReserveView />}
|
||||
/>
|
||||
<Route
|
||||
exact
|
||||
path="/marginTrading"
|
||||
children={<MarginTrading />}
|
||||
/>
|
||||
<Route exact path="/faucet" children={<FaucetView />} />
|
||||
</Switch>
|
||||
</AppLayout>
|
||||
|
|
|
@ -10,3 +10,4 @@ export { FaucetView } from "./faucet";
|
|||
export { RepayReserveView } from "./repayReserve";
|
||||
export { LiquidateView } from "./liquidate";
|
||||
export { LiquidateReserveView } from "./liquidateReserve";
|
||||
export { MarginTrading } from "./marginTrading";
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
import React from "react";
|
||||
import { LABELS } from "../../constants";
|
||||
import "./style.less";
|
||||
import { Card } from "antd";
|
||||
|
||||
export const MarginTrading = () => {
|
||||
|
||||
return (
|
||||
<div className="liquidate-container">
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
|
@ -0,0 +1 @@
|
|||
@import '~antd/es/style/themes/default.less';
|
Loading…
Reference in New Issue