diff --git a/src/App.js b/src/App.js index a6b15b9..cdf6679 100644 --- a/src/App.js +++ b/src/App.js @@ -7,6 +7,7 @@ import { GlobalStyle } from './global_style'; import { Spin } from 'antd'; import ErrorBoundary from './components/ErrorBoundary'; import { Routes } from './routes'; +import { PreferencesProvider } from './utils/preferences'; export default function App() { return ( @@ -16,9 +17,11 @@ export default function App() { - }> - - + + }> + + + diff --git a/src/components/Settings.jsx b/src/components/Settings.jsx new file mode 100644 index 0000000..e262d57 --- /dev/null +++ b/src/components/Settings.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import { Switch, Typography } from 'antd'; +import { usePreferences } from '../utils/preferences'; + +const { Paragraph } = Typography; + +export default function Settings({ autoApprove }) { + const { autoSettleEnabled, setAutoSettleEnabled } = usePreferences(); + + return ( +
+ {' '} + Auto settle + {!autoApprove && ( + + To use auto settle, first enable auto approval in your wallet + + )} +
+ ); +} diff --git a/src/components/TopBar.js b/src/components/TopBar.js index 839eb07..5544533 100644 --- a/src/components/TopBar.js +++ b/src/components/TopBar.js @@ -1,4 +1,8 @@ -import { InfoCircleOutlined, UserOutlined } from '@ant-design/icons'; +import { + InfoCircleOutlined, + SettingOutlined, + UserOutlined, +} from '@ant-design/icons'; import { Button, Menu, Popover, Select } from 'antd'; import React, { useCallback } from 'react'; import { useHistory, useLocation } from 'react-router-dom'; @@ -7,6 +11,7 @@ import styled from 'styled-components'; import { useWallet, WALLET_PROVIDERS } from '../utils/wallet'; import { ENDPOINTS, useConnectionConfig } from '../utils/connection'; import LinkAddress from './LinkAddress'; +import Settings from './Settings'; const Wrapper = styled.div` background-color: #0d1017; @@ -63,6 +68,21 @@ export default function TopBar() { > TRADE + {connected && ( +
+ } + placement="bottomRight" + title="Settings" + trigger="click" + > + + +
+ )}