diff options
Diffstat (limited to 'src/components/settings/navigation/SettingsNavigation.js')
-rw-r--r-- | src/components/settings/navigation/SettingsNavigation.js | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/components/settings/navigation/SettingsNavigation.js b/src/components/settings/navigation/SettingsNavigation.js index cab6f23d7..df4b3b3b2 100644 --- a/src/components/settings/navigation/SettingsNavigation.js +++ b/src/components/settings/navigation/SettingsNavigation.js | |||
@@ -7,6 +7,7 @@ import { ProBadge } from '@meetfranz/ui'; | |||
7 | import Link from '../../ui/Link'; | 7 | import Link from '../../ui/Link'; |
8 | import { workspaceStore } from '../../../features/workspaces'; | 8 | import { workspaceStore } from '../../../features/workspaces'; |
9 | import UIStore from '../../../stores/UIStore'; | 9 | import UIStore from '../../../stores/UIStore'; |
10 | import UserStore from '../../../stores/UserStore'; | ||
10 | 11 | ||
11 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
12 | availableServices: { | 13 | availableServices: { |
@@ -47,6 +48,7 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp | |||
47 | static propTypes = { | 48 | static propTypes = { |
48 | stores: PropTypes.shape({ | 49 | stores: PropTypes.shape({ |
49 | ui: PropTypes.instanceOf(UIStore).isRequired, | 50 | ui: PropTypes.instanceOf(UIStore).isRequired, |
51 | user: PropTypes.instanceOf(UserStore).isRequired, | ||
50 | }).isRequired, | 52 | }).isRequired, |
51 | serviceCount: PropTypes.number.isRequired, | 53 | serviceCount: PropTypes.number.isRequired, |
52 | workspaceCount: PropTypes.number.isRequired, | 54 | workspaceCount: PropTypes.number.isRequired, |
@@ -59,6 +61,7 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp | |||
59 | render() { | 61 | render() { |
60 | const { serviceCount, workspaceCount, stores } = this.props; | 62 | const { serviceCount, workspaceCount, stores } = this.props; |
61 | const { isDarkThemeActive } = stores.ui; | 63 | const { isDarkThemeActive } = stores.ui; |
64 | const { router, user } = stores; | ||
62 | const { intl } = this.context; | 65 | const { intl } = this.context; |
63 | 66 | ||
64 | return ( | 67 | return ( |
@@ -107,6 +110,9 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp | |||
107 | activeClassName="is-active" | 110 | activeClassName="is-active" |
108 | > | 111 | > |
109 | {intl.formatMessage(messages.team)} | 112 | {intl.formatMessage(messages.team)} |
113 | {!user.data.isPremium && ( | ||
114 | <ProBadge inverted={!isDarkThemeActive && router.location.pathname === '/settings/team'} /> | ||
115 | )} | ||
110 | </Link> | 116 | </Link> |
111 | <Link | 117 | <Link |
112 | to="/settings/app" | 118 | to="/settings/app" |