UBERF-5482 (#4619)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

plugins/workbench-resources/src/components/HelpAndSupport.svelte

@@ -15,7 +15,7 @@
 <script lang="ts">
   import { getClient } from '@hcengineering/presentation'
   import setting, { settingId } from '@hcengineering/setting'
-  import support from '@hcengineering/support'
+  import support, { supportLink } from '@hcengineering/support'
   import { getSupportClient } from '@hcengineering/support-resources'
   import {
     Button,
@@ -100,10 +100,6 @@
       }
     }
   ]
-
-  async function contactUs () {
-    await getSupportClient()?.showWidget()
-  }
 </script>
 
 <div class="helpAndSupportPopup">
@@ -192,13 +188,15 @@
     </Scroller>
   {/if}
   <div class="footer">
-    <Button
-      id="contact-us"
-      icon={support.icon.Support}
-      kind={'ghost'}
-      on:click={contactUs}
-      label={support.string.ContactUs}
-    />
+    <a href={supportLink}>
+      <Button
+        id="contact-us"
+        icon={support.icon.Support}
+        kind={'ghost'}
+        label={support.string.ContactUs}
+        stopPropagation={false}
+      />
+    </a>
   </div>
 </div>
 

plugins/workbench-resources/src/components/Workbench.svelte

@@ -21,7 +21,7 @@
   import { IntlString, broadcastEvent, getMetadata, getResource } from '@hcengineering/platform'
   import { ActionContext, createQuery, getClient } from '@hcengineering/presentation'
   import setting from '@hcengineering/setting'
-  import support, { SupportStatus } from '@hcengineering/support'
+  import support, { SupportStatus, supportLink } from '@hcengineering/support'
   import {
     AnyComponent,
     Button,
@@ -712,6 +712,16 @@
           size={appsMini ? 'small' : 'large'}
           on:click={() => showPopup(AppSwitcher, { apps: getApps(apps) }, popupPosition)}
         />
+        <a href={supportLink}>
+          <AppItem
+            icon={support.icon.Support}
+            label={support.string.ContactUs}
+            size={appsMini ? 'small' : 'large'}
+            notify={supportStatus?.hasUnreadMessages}
+            selected={supportStatus?.visible}
+            loading={supportWidgetLoading}
+          />
+        </a>
         <!-- {#await supportClient then client}
           {#if client}
             <AppItem
@@ -953,9 +963,6 @@
       &-mobile {
         margin-bottom: 1rem;
       }
-      &:not(.mini) > *:not(:last-child) {
-        margin-bottom: 0.75rem;
-      }
       &.mini > *:not(:last-child) {
         margin-bottom: 0.25rem;
       }