diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-03 16:59:24 +0200 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-04-03 17:01:00 +0200 |
commit | 6b38abc9011648a1f54b1ef3e3fb29d13750750c (patch) | |
tree | 0b1147422f570cec24c7ab439d94ff22ff5834d7 /src/components/settings | |
parent | add workspace feature info in drawer for free users (diff) | |
download | ferdium-app-6b38abc9011648a1f54b1ef3e3fb29d13750750c.tar.gz ferdium-app-6b38abc9011648a1f54b1ef3e3fb29d13750750c.tar.zst ferdium-app-6b38abc9011648a1f54b1ef3e3fb29d13750750c.zip |
add workspace premium badge in settings nav
Diffstat (limited to 'src/components/settings')
-rw-r--r-- | src/components/settings/navigation/SettingsNavigation.js | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/settings/navigation/SettingsNavigation.js b/src/components/settings/navigation/SettingsNavigation.js index dc3c1d6f1..945285f5a 100644 --- a/src/components/settings/navigation/SettingsNavigation.js +++ b/src/components/settings/navigation/SettingsNavigation.js | |||
@@ -2,6 +2,7 @@ import React, { Component } from 'react'; | |||
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { defineMessages, intlShape } from 'react-intl'; | 3 | import { defineMessages, intlShape } from 'react-intl'; |
4 | import { inject, observer } from 'mobx-react'; | 4 | import { inject, observer } from 'mobx-react'; |
5 | import { Icon } from '@meetfranz/ui'; | ||
5 | 6 | ||
6 | import Link from '../../ui/Link'; | 7 | import Link from '../../ui/Link'; |
7 | import { workspaceStore } from '../../../features/workspaces'; | 8 | import { workspaceStore } from '../../../features/workspaces'; |
@@ -77,7 +78,13 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp | |||
77 | > | 78 | > |
78 | {intl.formatMessage(messages.yourWorkspaces)} | 79 | {intl.formatMessage(messages.yourWorkspaces)} |
79 | {' '} | 80 | {' '} |
80 | <span className="badge">{workspaceCount}</span> | 81 | {workspaceStore.isPremiumUpgradeRequired ? ( |
82 | <span className="badge badge--pro"> | ||
83 | <Icon icon="mdiStar" /> | ||
84 | </span> | ||
85 | ) : ( | ||
86 | <span className="badge">{workspaceCount}</span> | ||
87 | )} | ||
81 | </Link> | 88 | </Link> |
82 | ) : null} | 89 | ) : null} |
83 | <Link | 90 | <Link |