LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

support setting currency as the default tab via query param

Browse source
This commit is contained in:
Anthony 2021-07-28 13:35:53 +02:00
parent 1978b936ad
commit 16bb349194
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
1 changed files with 27 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ui/page/wallet/view.jsx
View file

@ -14,6 +14,21 @@ type Props = {
}; };
const WalletPage = (props: Props) => { const WalletPage = (props: Props) => {
console.log(props);
const tab = new URLSearchParams(props.location.search).get('tab');
React.useEffect(()=>{
if(tab === 'currency'){
document.getElementsByClassName('lbc-transactions')[0].style.display = 'none';
document.getElementsByClassName('fiat-transactions')[0].style.display = 'inline';
document.getElementsByClassName('lbc-tab-switcher')[0].style.textDecoration = 'none';
document.getElementsByClassName('fiat-tab-switcher')[0].style.textDecoration = 'underline';
}
},[])
const { location, totalBalance } = props; const { location, totalBalance } = props;
const { search } = location; const { search } = location;
const showIntro = totalBalance === 0; const showIntro = totalBalance === 0;
@ -27,16 +42,25 @@ const WalletPage = (props: Props) => {
return ( return (
<Page> <Page>
{/* tabs to switch between fiat and lbc */} {/* tabs to switch between fiat and lbc */}
<h2 style={{display: 'inline-block', paddingBottom: '14px', marginRight: '10px', textUnderlineOffset: '4px', textDecoration: 'underline'}} <h2 className="lbc-tab-switcher"
style={{display: 'inline-block', paddingBottom: '16px', marginRight: '14px', textUnderlineOffset: '4px', textDecoration: 'underline', fontSize: '18px'}}
onClick={() => { onClick={() => {
document.getElementsByClassName('lbc-transactions')[0].style.display = 'inline'; document.getElementsByClassName('lbc-transactions')[0].style.display = 'inline';
document.getElementsByClassName('fiat-transactions')[0].style.display = 'none'; document.getElementsByClassName('fiat-transactions')[0].style.display = 'none';
document.getElementsByClassName('lbc-tab-switcher')[0].style.textDecoration = 'underline';
document.getElementsByClassName('fiat-tab-switcher')[0].style.textDecoration = 'none';
}} }}
>LBC Transactions</h2> >LBC Transactions</h2>
<h2 style={{display: 'inline-block'}} <h2 className="fiat-tab-switcher"
style={{display: 'inline-block', textUnderlineOffset: '4px', fontSize: '18px'}}
onClick={() => { onClick={() => {
document.getElementsByClassName('lbc-transactions')[0].style.display = 'none'; document.getElementsByClassName('lbc-transactions')[0].style.display = 'none';
document.getElementsByClassName('fiat-transactions')[0].style.display = 'inline'; document.getElementsByClassName('fiat-transactions')[0].style.display = 'inline';
document.getElementsByClassName('lbc-tab-switcher')[0].style.textDecoration = 'none';
document.getElementsByClassName('fiat-tab-switcher')[0].style.textDecoration = 'underline';
}} }}
>Fiat Transactions</h2> >Fiat Transactions</h2>
<div className="lbc-transactions"> <div className="lbc-transactions">
@ -62,7 +86,7 @@ const WalletPage = (props: Props) => {
</div> </div>
{( {(
<> <>
<div className="fiat-transactions"> <div className="fiat-transactions" style={{display: 'none'}}>
<h2>Here's your fiat transactions</h2> <h2>Here's your fiat transactions</h2>
</div> </div>
</> </>