fix(marketplace): add coming soon style to button

Satellite-im · Jun 9, 2022 · 318765a · 318765a
1 parent 84aeaa3
commit 318765a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/components/views/navigation/toolbar/Toolbar.html b/components/views/navigation/toolbar/Toolbar.html
@@ -112,15 +112,16 @@
     <GroupInvite v-click-outside="()=>toggleModal('groupInvite')" />
 
     <div class="vertical-divider" v-if="!$device.isMobile"></div>
-    <div
+    <UiComingSoon
       v-if="!$device.isMobile"
-      class="market-place control-button"
+      class="market-place control-button coming-soon"
       @click="() => toggleModal(ModalWindows.CALL_TO_ACTION)"
-      v-tooltip.bottom="$t('market_place.title')"
+      :tooltipText="$t('market_place.title')"
+      :tooltipPosition="'bottom'"
       data-cy="toolbar-marketplace"
     >
-      <shopping-bag-icon class="control-icon" size="1x" />
-    </div>
+      <shopping-bag-icon class="control-icon" size="1x" color="grey" />
+    </UiComingSoon>
     <UiComingSoon
       v-if="!$device.isMobile"
       :tooltipText="$t('coming_soon.wallet')"

diff --git a/locales/en-US.js b/locales/en-US.js
@@ -712,7 +712,7 @@ export default {
     },
   },
   market_place: {
-    title: 'Marketplace',
+    title: 'Marketplace\nComing soon',
     glyphs: 'Glyphs',
     themes: 'Themes',
     nfts: 'NFTs',