Differential D8559 Diff 26144 web/cashtab/src/components/App.js

Changeset View

Standalone View

web/cashtab/src/components/App.js

Show All 14 Lines
import {		import {
Route,		Route,
Redirect,		Redirect,
Switch,		Switch,
useLocation,		useLocation,
useHistory,		useHistory,
} from 'react-router-dom';		} from 'react-router-dom';

		import fbt from 'fbt';
const { Footer } = Layout;		const { Footer } = Layout;
const { TabPane } = Tabs;		const { TabPane } = Tabs;

const StyledTabsMenu = styled.div`		const StyledTabsMenu = styled.div`
.ant-layout-footer {		.ant-layout-footer {
position: absolute;		position: absolute;
bottom: 0;		bottom: 0;
width: 100%;		width: 100%;
▲ Show 20 Lines • Show All 180 Lines • ▼ Show 20 Lines	return (
onClick={() =>		onClick={() =>
history.push('/wallet')		history.push('/wallet')
}		}
>		>
<Icon		<Icon
type="folder-open"		type="folder-open"
theme="filled"		theme="filled"
/>		/>
Wallet		<fbt desc="Wallet">Wallet</fbt>
</span>		</span>
}		}
key="wallet"		key="wallet"
/>		/>
<TabPane		<TabPane
tab={		tab={
<span		<span
onClick={() =>		onClick={() =>
history.push('/send')		history.push('/send')
}		}
>		>
<Icon		<Icon
type="caret-right"		type="caret-right"
theme="filled"		theme="filled"
/>		/>
Send		<fbt desc="Send">Send</fbt>
</span>		</span>
}		}
key="send"		key="send"
disabled={!wallet}		disabled={!wallet}
/>		/>
<TabPane		<TabPane
tab={		tab={
<span		<span
onClick={() =>		onClick={() =>
history.push('/configure')		history.push('/configure')
}		}
>		>
<Icon		<Icon
type="setting"		type="setting"
theme="filled"		theme="filled"
/>		/>
		<fbt desc="Settings">
Settings		Settings
		</fbt>
</span>		</span>
}		}
key="configure"		key="configure"
disabled={!wallet}		disabled={!wallet}
/>		/>
</Tabs>		</Tabs>
</Footer>		</Footer>
</StyledTabsMenu>		</StyledTabsMenu>
) : null}		) : null}
</WalletCtn>		</WalletCtn>
</WalletBody>		</WalletBody>
</div>		</div>
);		);
};		};

export default App;		export default App;