From c9e07d72a7319566d9d2a5053b6011a755c4caa3 Mon Sep 17 00:00:00 2001
From: Alirie Gray <alirie.gray@gmail.com>
Date: Fri, 17 Aug 2018 11:27:56 -0700
Subject: [PATCH] Add pluralization to Send to Dashboard button

---
 .../components/SendToDashboardOverlay.tsx             | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/src/data_explorer/components/SendToDashboardOverlay.tsx b/ui/src/data_explorer/components/SendToDashboardOverlay.tsx
index 59a4882db..110a33f6c 100644
--- a/ui/src/data_explorer/components/SendToDashboardOverlay.tsx
+++ b/ui/src/data_explorer/components/SendToDashboardOverlay.tsx
@@ -48,7 +48,10 @@ class SendToDashboardOverlay extends PureComponent<Props, State> {
 
   public render() {
     const {onCancel} = this.props
-    const {hasQuery, name} = this.state
+    const {hasQuery, name, selectedIDs} = this.state
+
+    const numberDashboards = selectedIDs.length > 1 ? selectedIDs.length : ''
+    const pluralizer = selectedIDs.length > 1 ? 's' : ''
 
     return (
       <OverlayContainer>
@@ -64,7 +67,7 @@ class SendToDashboardOverlay extends PureComponent<Props, State> {
                 onChange={this.handleChangeName}
               />
             </Form.Element>
-            <Form.Element>
+            <Form.Element label="Choose 1 or more Dashboards">
               <MultiSelectDropdown
                 onChange={this.handleSelect}
                 selectedIDs={this.state.selectedIDs}
@@ -84,10 +87,10 @@ class SendToDashboardOverlay extends PureComponent<Props, State> {
                 <button
                   className="button button-md button-success"
                   style={{margin: 5}}
-                  disabled={!hasQuery}
+                  disabled={!hasQuery || selectedIDs.length === 0}
                   onClick={this.sendToDashboard}
                 >
-                  Send to Dashboard
+                  {`Send to ${numberDashboards} Dashboard${pluralizer}`}
                 </button>
               </div>
             </Form.Footer>