random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated progress panel

Browse Source
This commit is contained in:
mgabdev 2020-01-21 16:13:52 -05:00
parent 05d4c921a8
commit 9c843d5847
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/gabsocial/features/ui/components/progress_panel.js
View File

@ -5,8 +5,9 @@ export default class ProgressPanel extends React.PureComponent {
render() {
if (!monthlyExpensesComplete) return null;
const completed = Math.min(monthlyExpensesComplete, 100);
const style = {
width: `${monthlyExpensesComplete}%`,
width: `${completed}%`,
};
return (
@ -18,7 +19,7 @@ export default class ProgressPanel extends React.PureComponent {
<span className='progress-panel__text'>We are 100% funded by you.</span>
<div className='progress-panel__bar-container'>
<a className='progress-panel__bar' style={style} href='https://shop.dissenter.com/category/donations'>
<span className='progress-panel__bar__text'>{monthlyExpensesComplete}% covered this month</span>
<span className='progress-panel__bar__text'>{completed}% covered this month</span>
</a>
</div>
</div>