add share link copy dropdownitem

config/env.dev.js

@@ -4,7 +4,7 @@ module.exports = {
   // MONGO_GRIDFS_TOTAL_LIMIT: 10485760,   // 10MB
   MATHJAX: 1,
   // NO_CDN: true,
-  MONGO_URI: 'mongodb://mongo:27017/growi',
+  MONGO_URI: 'mongodb://localhost/growi',
   // REDIS_URI: 'http://redis:6379',
   ELASTICSEARCH_URI: 'http://elasticsearch:9200/growi',
   HACKMD_URI: 'http://hackmd:3010',

src/client/js/components/Page/CopyDropdown.jsx

@@ -101,13 +101,14 @@ class CopyDropdown extends React.Component {
 
     const { DropdownItemContents } = this;
     const copyTarget = isShareLinkMode ? `copyShareLink${shareLink._id}` : 'copyPagePathDropdown';
+    const styleName = isShareLinkMode ? 'btn btn-success' : 'd-block text-muted bg-transparent btn-copy border-0';
 
     return (
       <>
         <UncontrolledDropdown id={copyTarget} className="grw-copy-dropdown">
           <DropdownToggle
             caret
-            className="d-block text-muted bg-transparent btn-copy border-0"
+            className={styleName}
             style={this.props.buttonStyle}
           >
             { isShareLinkMode ? (
@@ -136,22 +137,26 @@ class CopyDropdown extends React.Component {
             <DropdownItem divider className="my-0"></DropdownItem>
 
             {/* Page path */}
-            <CopyToClipboard text={pagePathWithParams} onCopy={this.showToolTip}>
-              <DropdownItem className="px-3">
-                <DropdownItemContents title={t('copy_to_clipboard.Page path')} contents={pagePathWithParams} />
-              </DropdownItem>
-            </CopyToClipboard>
-
-            <DropdownItem divider className="my-0"></DropdownItem>
-
-            {/* Page path URL */}
-            <CopyToClipboard text={pagePathUrl} onCopy={this.showToolTip}>
-              <DropdownItem className="px-3">
-                <DropdownItemContents title={t('copy_to_clipboard.Page URL')} contents={pagePathUrl} />
-              </DropdownItem>
-            </CopyToClipboard>
-
-            <DropdownItem divider className="my-0"></DropdownItem>
+            { pageId && (
+              <>
+                <CopyToClipboard text={pagePathWithParams} onCopy={this.showToolTip}>
+                  <DropdownItem className="px-3">
+                    <DropdownItemContents title={t('copy_to_clipboard.Page path')} contents={pagePathWithParams} />
+                  </DropdownItem>
+                </CopyToClipboard>
+
+                <DropdownItem divider className="my-0"></DropdownItem>
+
+                {/* Page path URL */}
+                <CopyToClipboard text={pagePathUrl} onCopy={this.showToolTip}>
+                  <DropdownItem className="px-3">
+                    <DropdownItemContents title={t('copy_to_clipboard.Page URL')} contents={pagePathUrl} />
+                  </DropdownItem>
+                </CopyToClipboard>
+
+                <DropdownItem divider className="my-0"></DropdownItem>
+              </>
+            )}
 
             {/* Parmanent Link */}
             { pageId && (
@@ -183,6 +188,15 @@ class CopyDropdown extends React.Component {
                 </DropdownItem>
               </CopyToClipboard>
             )}
+
+            {/* Share Link Copy */}
+            { isShareLinkMode && (
+              <CopyToClipboard text={shareLink._id} onCopy={this.showToolTip}>
+                <DropdownItem className="px-3 text-wrap">
+                  {shareLink._id}
+                </DropdownItem>
+              </CopyToClipboard>
+            )}
           </DropdownMenu>
 
         </UncontrolledDropdown>