From 6b38abc9011648a1f54b1ef3e3fb29d13750750c Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Wed, 3 Apr 2019 16:59:24 +0200
Subject: add workspace premium badge in settings nav

---
 src/components/settings/navigation/SettingsNavigation.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'src/components')

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';
 import PropTypes from 'prop-types';
 import { defineMessages, intlShape } from 'react-intl';
 import { inject, observer } from 'mobx-react';
+import { Icon } from '@meetfranz/ui';
 
 import Link from '../../ui/Link';
 import { workspaceStore } from '../../../features/workspaces';
@@ -77,7 +78,13 @@ export default @inject('stores') @observer class SettingsNavigation extends Comp
           >
             {intl.formatMessage(messages.yourWorkspaces)}
             {' '}
-            <span className="badge">{workspaceCount}</span>
+            {workspaceStore.isPremiumUpgradeRequired ? (
+              <span className="badge badge--pro">
+                <Icon icon="mdiStar" />
+              </span>
+            ) : (
+              <span className="badge">{workspaceCount}</span>
+            )}
           </Link>
         ) : null}
         <Link
-- 
cgit v1.2.3-54-g00ecf