diff options
author | 2019-04-12 13:32:52 +0200 | |
---|---|---|
committer | 2019-04-12 13:32:52 +0200 | |
commit | a24af19461d5270fc474d92521be39160377610e (patch) | |
tree | 2f7eda1ff464f020941d19e9504aebc2fd435a52 /src/components/settings/account | |
parent | Merge branch 'develop' into chore/streamline-dashboard (diff) | |
download | ferdium-app-a24af19461d5270fc474d92521be39160377610e.tar.gz ferdium-app-a24af19461d5270fc474d92521be39160377610e.tar.zst ferdium-app-a24af19461d5270fc474d92521be39160377610e.zip |
Fix styling issues & add premium badge
Diffstat (limited to 'src/components/settings/account')
-rw-r--r-- | src/components/settings/account/AccountDashboard.js | 10 |
1 files changed, 2 insertions, 8 deletions
diff --git a/src/components/settings/account/AccountDashboard.js b/src/components/settings/account/AccountDashboard.js index ea335815c..4a73b51d9 100644 --- a/src/components/settings/account/AccountDashboard.js +++ b/src/components/settings/account/AccountDashboard.js | |||
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'; | |||
3 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; | 3 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; |
4 | import { defineMessages, intlShape } from 'react-intl'; | 4 | import { defineMessages, intlShape } from 'react-intl'; |
5 | import ReactTooltip from 'react-tooltip'; | 5 | import ReactTooltip from 'react-tooltip'; |
6 | import { ProBadge } from '@meetfranz/ui'; | ||
6 | 7 | ||
7 | import Loader from '../../ui/Loader'; | 8 | import Loader from '../../ui/Loader'; |
8 | import Button from '../../ui/Button'; | 9 | import Button from '../../ui/Button'; |
@@ -143,14 +144,6 @@ export default @observer class AccountDashboard extends Component { | |||
143 | src="./assets/images/logo.svg" | 144 | src="./assets/images/logo.svg" |
144 | alt="" | 145 | alt="" |
145 | /> | 146 | /> |
146 | {user.isPremium && ( | ||
147 | <span | ||
148 | className="account__avatar-premium emoji" | ||
149 | data-tip="Premium Supporter Account" | ||
150 | > | ||
151 | <img src="./assets/images/emoji/star.png" alt="" /> | ||
152 | </span> | ||
153 | )} | ||
154 | </div> | 147 | </div> |
155 | <div className="account__info"> | 148 | <div className="account__info"> |
156 | <h2> | 149 | <h2> |
@@ -158,6 +151,7 @@ export default @observer class AccountDashboard extends Component { | |||
158 | {user.isPremium && ( | 151 | {user.isPremium && ( |
159 | <> | 152 | <> |
160 | {' '} | 153 | {' '} |
154 | <ProBadge /> | ||
161 | <span className="badge badge--premium">{intl.formatMessage(messages.accountTypePremium)}</span> | 155 | <span className="badge badge--premium">{intl.formatMessage(messages.accountTypePremium)}</span> |
162 | </> | 156 | </> |
163 | )} | 157 | )} |