Merge pull request #2491 from botpress/ya-copy-shortlink

fix(admin): add option to copy shortlink easily
botpress · Oct 10, 2019 · 6e99b9b · 6e99b9b
2 parents 118161c + 27c9cf7
commit 6e99b9b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/bp/ui-admin/src/Pages/Workspace/Bots/BotItemCompact.tsx b/src/bp/ui-admin/src/Pages/Workspace/Bots/BotItemCompact.tsx
@@ -13,7 +13,9 @@ import {
 } from '@blueprintjs/core'
 import { BotConfig } from 'botpress/sdk'
 import React, { FC } from 'react'
+import { CopyToClipboard } from 'react-copy-to-clipboard'
 import history from '~/history'
+import { toastInfo } from '~/utils/toaster'
 
 import AccessControl, { isChatUser } from '../../../App/AccessControl'
 
@@ -54,6 +56,10 @@ const BotItemCompact: FC<Props> = ({ bot, deleteBot, exportBot, createRevision,
                 <MenuItem disabled={bot.locked} icon="edit" text="Edit in Studio" href={botStudioLink} />
               )}
 
+              <CopyToClipboard text={botShortLink} onCopy={() => toastInfo('Copied to clipboard')}>
+                <MenuItem icon="link" text="Copy link to clipboard" />
+              </CopyToClipboard>
+
               <AccessControl resource="admin.bots.*" operation="write">
                 <MenuItem text="Create Revision" icon="cloud-upload" id="btn-createRevision" onClick={createRevision} />
                 <MenuItem text="Rollback" icon="undo" id="btn-rollbackRevision" onClick={rollback} />

diff --git a/src/bp/ui-admin/src/Pages/Workspace/Bots/BotItemPipeline.tsx b/src/bp/ui-admin/src/Pages/Workspace/Bots/BotItemPipeline.tsx
@@ -13,7 +13,9 @@ import {
 } from '@blueprintjs/core'
 import { BotConfig } from 'botpress/sdk'
 import React, { FC, Fragment } from 'react'
+import { CopyToClipboard } from 'react-copy-to-clipboard'
 import history from '~/history'
+import { toastInfo } from '~/utils/toaster'
 
 import AccessControl, { isChatUser } from '../../../App/AccessControl'
 
@@ -50,10 +52,14 @@ const BotItemPipeline: FC<Props> = ({
                 <Fragment>
                   <MenuItem icon="chat" text="Open chat" href={botShortLink} />
                   <MenuItem disabled={bot.locked} icon="edit" text="Edit in Studio" href={botStudioLink} />
-                  <MenuDivider />
                 </Fragment>
               )}
 
+              <CopyToClipboard text={botShortLink} onCopy={() => toastInfo('Copied to clipboard')}>
+                <MenuItem icon="link" text="Copy link to clipboard" />
+              </CopyToClipboard>
+              <MenuDivider />
+
               {allowStageChange && (
                 <MenuItem
                   text="Promote to next stage"