bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Purge unused Badge components

Browse source
This commit is contained in:
Alex Gleason 2020-07-04 17:11:38 -05:00
parent 82c07f84b4
commit 75ab969051
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
5 changed files with 2 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/soapbox/components/donor_badge.js
View file

@ -1,7 +0,0 @@
import React from 'react';
const DonorBadge = () => (
<span className='badge badge--donor'>Donor</span>
);
export default DonorBadge;

7
app/soapbox/components/investor_badge.js
View file

@ -1,7 +0,0 @@
import React from 'react';
const InvestorBadge = () => (
<span className='badge badge--investor'>Investor</span>
);
export default InvestorBadge;

7
app/soapbox/components/pro_badge.js
View file

@ -1,7 +0,0 @@
import React from 'react';
const ProBadge = () => (
<span className='badge badge--pro'>Pro</span>
);
export default ProBadge;

7
app/soapbox/features/ui/components/profile_info_panel.js
View file

@ -9,9 +9,6 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
import Icon from 'soapbox/components/icon';
import VerificationBadge from 'soapbox/components/verification_badge';
import Badge from 'soapbox/components/badge';
import ProBadge from 'soapbox/components/pro_badge';
import DonorBadge from 'soapbox/components/donor_badge';
import InvestorBadge from 'soapbox/components/investor_badge';
import { List as ImmutableList } from 'immutable';
import { acctFull, isAdmin, isModerator } from 'soapbox/utils/accounts';
@ -79,9 +76,7 @@ class ProfileInfoPanel extends ImmutablePureComponent {
<div className='profile-info-panel-content__badges'>
{isAdmin(account) && <Badge slug='admin' title='Admin' />}
{isModerator(account) && <Badge slug='moderator' title='Moderator' />}
{account.get('is_pro') && <ProBadge />}
{account.get('is_donor') && <DonorBadge />}
{account.get('is_investor') && <InvestorBadge />}
{account.getIn(['patron', 'is_patron']) && <Badge slug='patron' title='Patron' />}
{account.get('acct').includes('@') || <div className='profile-info-panel-content__badges__join-date'>
<Icon id='calendar' />
<FormattedMessage

12
app/styles/components/badge.scss
View file

@ -8,21 +8,11 @@
border-radius: 2px;
margin: 0 5px 5px 0;
&--pro {
&--patron {
background-color: #8a2be2;
color: #fff;
}
&--investor {
background-color: #ffd700;
color: #000;
}
&--donor {
background-color: #90ee90;
color: #000;
}
&--admin {
background-color: #000;
color: #fff;