From c6af4882cd4e5eb5a777ca7720ca783e309a6b36 Mon Sep 17 00:00:00 2001
From: "Hugh A. Miles II" <hughmil3s@gmail.com>
Date: Fri, 9 Mar 2018 15:10:36 -0800
Subject: [PATCH] [sqllab] Added share button to bottom menu (#4584)

* added sharebtn

* address comments
---
 .../SqlLab/components/ShareQuery.jsx          | 22 +++++++++++++++++++
 .../SqlLab/components/SqlEditor.jsx           |  4 ++++
 2 files changed, 26 insertions(+)
 create mode 100644 superset/assets/javascripts/SqlLab/components/ShareQuery.jsx

diff --git a/superset/assets/javascripts/SqlLab/components/ShareQuery.jsx b/superset/assets/javascripts/SqlLab/components/ShareQuery.jsx
new file mode 100644
index 000000000000..56556ac5dd7b
--- /dev/null
+++ b/superset/assets/javascripts/SqlLab/components/ShareQuery.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+import CopyToClipboard from '../../components/CopyToClipboard';
+import CopyQueryTabUrl from './CopyQueryTabUrl';
+import Button from '../../components/Button';
+import { t } from '../../locales';
+
+export default class ShareQueryBtn extends CopyQueryTabUrl {
+  render() {
+    return (
+      <CopyToClipboard
+        copyNode={(
+          <Button bsSize="small" className="toggleSave">
+            <i className="fa fa-clipboard" /> {t('Share Query')}
+          </Button>
+      )}
+        tooltipText={t('copy URL to clipboard')}
+        shouldShowText={false}
+        getText={this.getUrl.bind(this)}
+      />);
+  }
+}
diff --git a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
index 682c7053aaad..5a2cd04232e2 100644
--- a/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
+++ b/superset/assets/javascripts/SqlLab/components/SqlEditor.jsx
@@ -19,6 +19,7 @@ import Button from '../../components/Button';
 import TemplateParamsEditor from './TemplateParamsEditor';
 import SouthPane from './SouthPane';
 import SaveQuery from './SaveQuery';
+import ShareQuery from './ShareQuery';
 import Timer from '../../components/Timer';
 import SqlEditorLeftBar from './SqlEditorLeftBar';
 import AceEditorWrapper from './AceEditorWrapper';
@@ -195,6 +196,9 @@ class SqlEditor extends React.PureComponent {
                 dbId={qe.dbId}
               />
             </span>
+            <span className="m-r-5">
+              <ShareQuery queryEditor={qe} />
+            </span>
             {ctasControls}
           </Form>
         </div>