Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adds hide balance button #646

Merged
merged 11 commits into from
Oct 21, 2021
59 changes: 26 additions & 33 deletions ui/page/main_page.go
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ const (
TicketsNavID
ProposalsNavID
MoreNavID
HideBalanceConfigKey = "hide_Balance"
dreacot marked this conversation as resolved.
Show resolved Hide resolved
AdimekweEbuka marked this conversation as resolved.
Show resolved Hide resolved
AdimekweEbuka marked this conversation as resolved.
Show resolved Hide resolved
)

var (
Expand Down Expand Up @@ -60,7 +61,7 @@ type MainPage struct {
totalBalance dcrutil.Amount
totalBalanceUSD string

hideBalance decredmaterial.IconButton
hideBalanceButton decredmaterial.IconButton
isBalanceHidden bool
}

Expand All @@ -70,7 +71,12 @@ func NewMainPage(l *load.Load) *MainPage {
autoSync: true,
}

mp.hideBalance = mp.hideBalanceIcon()
//mp.hideBalanceButton = mp.hideBalanceIcon()
dreacot marked this conversation as resolved.
Show resolved Hide resolved
AdimekweEbuka marked this conversation as resolved.
Show resolved Hide resolved
mp.hideBalanceButton = mp.Theme.PlainIconButton(mp.Icons.ConcealIcon)
mp.hideBalanceButton.Color = mp.Theme.Color.Gray3
mp.hideBalanceButton.Size = unit.Dp(19)
buttonInset := layout.UniformInset(values.MarginPadding4)
mp.hideBalanceButton.Inset = buttonInset
AdimekweEbuka marked this conversation as resolved.
Show resolved Hide resolved

// init shared page functions
toggleSync := func() {
Expand Down Expand Up @@ -333,10 +339,10 @@ func (mp *MainPage) Handle() {
}
}

mp.isBalanceHidden = mp.WL.MultiWallet.ReadBoolConfigValueForKey("hide Balance", false)
if mp.hideBalance.Button.Clicked() {
mp.isBalanceHidden = mp.WL.MultiWallet.ReadBoolConfigValueForKey(HideBalanceConfigKey, false)
if mp.hideBalanceButton.Button.Clicked() {
mp.isBalanceHidden = !mp.isBalanceHidden
mp.WL.MultiWallet.SetBoolConfigValueForKey("hide Balance", mp.isBalanceHidden)
mp.WL.MultiWallet.SetBoolConfigValueForKey(HideBalanceConfigKey, mp.isBalanceHidden)
}
}

Expand Down Expand Up @@ -470,7 +476,7 @@ func (mp *MainPage) LayoutUSDBalance(gtx layout.Context) layout.Dimensions {
}
return border.Layout(gtx, func(gtx C) D {
return padding.Layout(gtx, func(gtx C) D {
return mp.totalUSDBalance(gtx)
return mp.Theme.Body2(mp.totalBalanceUSD).Layout(gtx)
})
})
})
Expand All @@ -480,33 +486,17 @@ func (mp *MainPage) LayoutUSDBalance(gtx layout.Context) layout.Dimensions {
)
}

func (mp *MainPage) totalUSDBalance(gtx layout.Context) layout.Dimensions {
if mp.isBalanceHidden {
hiddenText:= mp.Theme.Body2("$******")
return hiddenText.Layout(gtx)
}
return mp.Theme.Body2(mp.totalBalanceUSD).Layout(gtx)
}


func (mp *MainPage) totalDCRBalance(gtx layout.Context) layout.Dimensions {
if mp.isBalanceHidden {
hiddenBalanceText := mp.Theme.Label(values.TextSize20.Scale(0.8), "**********DCR")
return hiddenBalanceText.Layout(gtx)
}
hiddenBalanceText := mp.Theme.Label(values.TextSize18.Scale(0.8), "**********DCR")
return layout.Inset{Bottom: values.MarginPadding0, Top: values.MarginPadding5}.Layout(gtx, func(gtx C) D {
return hiddenBalanceText.Layout(gtx)
})

}
return components.LayoutBalance(gtx, mp.Load, mp.totalBalance.String())
}

func (mp *MainPage) hideBalanceIcon() (decredmaterial.IconButton) {
hideButton := mp.Theme.PlainIconButton(mp.Icons.ConcealIcon)
hideButton.Color = mp.Theme.Color.Gray3
hideButton.Size = unit.Dp(20)
buttonInset := layout.UniformInset(values.MarginPadding4)
hideButton.Inset = buttonInset

return hideButton
}

func (mp *MainPage) LayoutTopBar(gtx layout.Context) layout.Dimensions {
return decredmaterial.LinearLayout{
Width: decredmaterial.MatchParent,
Expand Down Expand Up @@ -545,15 +535,18 @@ func (mp *MainPage) LayoutTopBar(gtx layout.Context) layout.Dimensions {
return mp.totalDCRBalance(gtx)
}),
layout.Rigid(func(gtx C) D {
if !mp.isBalanceHidden {
return mp.LayoutUSDBalance(gtx)
}),
}
return layout.Dimensions{}
}),
layout.Rigid(func(gtx C) D {
mp.hideBalance.Icon = mp.Icons.RevealIcon
mp.hideBalanceButton.Icon = mp.Icons.RevealIcon
if mp.isBalanceHidden {
mp.hideBalance.Icon = mp.Icons.ConcealIcon
mp.hideBalanceButton.Icon = mp.Icons.ConcealIcon
}
return layout.Inset{Top: values.MarginPadding1}.Layout(gtx, func(gtx C) D {
return layout.E.Layout(gtx, mp.hideBalance.Layout)
return layout.Inset{Top: values.MarginPadding1, Left: values.MarginPadding9}.Layout(gtx, func(gtx C) D {
return layout.E.Layout(gtx, mp.hideBalanceButton.Layout)
})

}),
Expand Down