Feat: Snapshots - Add a link to share the review urls

Fix: adobe/da-live#756

Author: chrischrischris

nx/blocks/snapshot-admin/views/snapshot.css

@@ -210,6 +210,15 @@ svg.icon {
       align-items: center;
       gap: 8px;
     }
+
+    button {
+      padding: 4px;
+      border-radius: 4px;
+
+      &:hover {
+        background: rgb(0 0 0 / 20%);
+      }
+    }
   }
 
   .nx-snapshot-sub-heading-actions {

nx/blocks/snapshot-admin/views/snapshot.js

@@ -160,8 +160,8 @@ class NxSnapshot extends LitElement {
     this.handleSave(false);
   }
 
-  handleShare() {
-    const aemPaths = this._manifest.resources.map((res) => res.aemPreview);
+  handleShare(type = 'aemPreview') {
+    const aemPaths = this._manifest.resources.map((res) => res[type]);
     const blob = new Blob([aemPaths.join('\n')], { type: 'text/plain' });
     const data = [new ClipboardItem({ [blob.type]: blob })];
     navigator.clipboard.write(data);
@@ -335,7 +335,8 @@ class NxSnapshot extends LitElement {
             <p>
               ${showEdit ? html`URLs` : html`${count} URL${s}`}
               ${showEdit ? this.renderCancelUrlBtn() : this.renderEditUrlBtn()}
-              ${showEdit ? nothing : html`<button @click=${this.handleShare}>Share</button>`}
+              ${showEdit ? nothing : html`<button @click=${() => this.handleShare('aemPreview')}>Share URLs</button>`}
+              ${showEdit ? nothing : html`<button @click=${() => this.handleCopy('url')}>Share Review URLs</button>`}
             </p>
           </div>
           ${showEdit ? this.renderEditUrls() : this.renderUrls()}