diff --git a/client/src/platforms/desktop/components/navigation/index.tsx b/client/src/platforms/desktop/components/navigation/index.tsx index 68c49c3b..67f8802e 100644 --- a/client/src/platforms/desktop/components/navigation/index.tsx +++ b/client/src/platforms/desktop/components/navigation/index.tsx @@ -14,7 +14,6 @@ import { OptionsIcon, OptionsList, OptionsSVG, - Scan, } from "./styles"; import { closeWallet } from "shared/actions/walletSession"; @@ -33,8 +32,6 @@ import Cell from "./cell"; import Link from "./link"; import Tab from "./tab"; -import { showModal } from "shared/actions/modal"; -import { MODAL_TYPE } from "shared/reducers/modal"; import { isConnected } from "shared/core/havend"; interface NavigationProps { @@ -49,7 +46,6 @@ interface NavigationProps { basicActive: boolean; advancedActive: boolean; startedResync: boolean; - showModal: (modalType: MODAL_TYPE) => void; syncState: SyncState; connected: boolean; restoreHeight: number; @@ -137,10 +133,6 @@ class Navigation extends Component { }); }; - refreshVault = () => { - this.props.showModal(MODAL_TYPE.RescanBC); - }; - render() { const auth = this.props.isLoggedIn; const { current_network } = this.state; @@ -253,7 +245,6 @@ class Navigation extends Component { body="Refresh Height" label={this.props.restoreHeight} /> - Refresh Vault )} @@ -278,6 +269,5 @@ const mapStateToProps = (state: DesktopAppState) => ({ }); export const NavigationDesktop = connect(mapStateToProps, { - logout: closeWallet, - showModal, + logout: closeWallet })(Navigation); diff --git a/client/src/platforms/desktop/components/navigation/styles.js b/client/src/platforms/desktop/components/navigation/styles.js index 66d91e69..23b8eb72 100644 --- a/client/src/platforms/desktop/components/navigation/styles.js +++ b/client/src/platforms/desktop/components/navigation/styles.js @@ -22,22 +22,6 @@ export const Container = styled.header` border-bottom: 1px solid ${(props) => props.theme.body.border}; `; -export const Scan = styled.div` - font-size: 13px; - border-radius: 4px; - margin: 8px; - height: 36px; - background: ${(props) => props.theme.button.primary}; - color: ${(props) => props.theme.button.primary_label}; - display: flex; - align-items: center; - justify-content: center; - - &:hover { - cursor: pointer; - } -`; - export const Haven = styled.div` color: ${(props) => props.theme.type.primary}; font-size: 20px; diff --git a/client/src/platforms/desktop/pages/_wallet/settings/index.tsx b/client/src/platforms/desktop/pages/_wallet/settings/index.tsx index 9441d50b..1560e9f1 100644 --- a/client/src/platforms/desktop/pages/_wallet/settings/index.tsx +++ b/client/src/platforms/desktop/pages/_wallet/settings/index.tsx @@ -8,6 +8,8 @@ import Body from "shared/components/_layout/body"; import Header from "shared/components/_layout/header"; import Form from "shared/components/_inputs/form"; import Theme from "shared/components/_inputs/theme"; +import { showModal } from "shared/actions/modal"; +import { MODAL_TYPE } from "shared/reducers/modal"; // For the miner import { selectisLocalNode } from "platforms/desktop/reducers/selectedNode"; import { DesktopAppState } from "platforms/desktop/reducers"; @@ -24,6 +26,7 @@ import { import { HavenNodeSetting } from "platforms/desktop/pages/_wallet/settings/node/nodeSetting"; import { Container } from "./styles"; import DoubleFooter from "shared/components/_inputs/double_footer"; +import Footer from "shared/components/_inputs/footer"; type ThemeOption = { theme: string; value: string }; type BalanceOption = { ticker: string; value: string; code: string }; @@ -46,6 +49,7 @@ interface SettingsProps { title: string; description: string; localNode: boolean; + showModal: (modalType: MODAL_TYPE) => void; } const options: ThemeOption[] = [ @@ -131,6 +135,10 @@ class SettingsDesktopPage extends Component { this.props.downloadTransfers("csv"); }; + refreshVault = () => { + this.props.showModal(MODAL_TYPE.RescanBC); + }; + handleChange = (event: any) => { const name = event.target.name; const value = event.target.value; @@ -185,6 +193,18 @@ class SettingsDesktopPage extends Component { rightOnClick={this.downloadTxCsv} /> +
+ +