Readonly allow signup (#9517)

Signed-off-by: Anton Alexeyev <alexeyev.anton@gmail.com>

plugins/view-resources/src/components/ReadOnlyNotification.svelte

@@ -1,9 +1,14 @@
 <script lang="ts">
-  import { Button, Notification, NotificationToast } from '@hcengineering/ui'
+  import { Button, navigate, Notification, NotificationToast } from '@hcengineering/ui'
   import view from '@hcengineering/view'
+  import { getCurrentWorkspaceUrl } from '@hcengineering/presentation'
 
   export let onRemove: () => void
   export let notification: Notification
+
+  function joinWorkspace (e: MouseEvent): void {
+    navigate({ path: ['login', 'join'], query: { workspace: getCurrentWorkspaceUrl() } })
+  }
 </script>
 
 <NotificationToast title={notification.title} severity={notification.severity} onClose={onRemove}>
@@ -11,7 +16,7 @@
     {notification.subTitle}
   </svelte:fragment>
   <svelte:fragment slot="buttons">
-    <div style="width: auto" />
+    <Button label={view.string.ReadOnlyJoinWorkspace} stopPropagation={false} on:click={joinWorkspace} />
     <a href="https://huly.io/signup" target="_blank">
       <Button label={view.string.ReadOnlySignUp} stopPropagation={false} />
     </a>