From 8763a6b2705be098e0a5b3b454100daad2466944 Mon Sep 17 00:00:00 2001
From: Iris Scholten <ischolten.is@gmail.com>
Date: Tue, 29 May 2018 17:07:29 -0700
Subject: [PATCH] Allow viwer roles or higher to Export a dashboard

---
 .../dashboards/components/DashboardsTable.tsx | 51 +++++++++++--------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/ui/src/dashboards/components/DashboardsTable.tsx b/ui/src/dashboards/components/DashboardsTable.tsx
index b3bf345e42..d1af31734b 100644
--- a/ui/src/dashboards/components/DashboardsTable.tsx
+++ b/ui/src/dashboards/components/DashboardsTable.tsx
@@ -2,7 +2,7 @@ import React, {PureComponent, MouseEvent} from 'react'
 import {Link} from 'react-router'
 import _ from 'lodash'
 
-import Authorized, {EDITOR_ROLE} from 'src/auth/Authorized'
+import Authorized, {EDITOR_ROLE, VIEWER_ROLE} from 'src/auth/Authorized'
 import ConfirmButton from 'src/shared/components/ConfirmButton'
 
 import {Dashboard} from 'src/types'
@@ -60,33 +60,40 @@ class DashboardsTable extends PureComponent<Props> {
                   <span className="empty-string">None</span>
                 )}
               </td>
-              <Authorized
-                requiredRole={EDITOR_ROLE}
-                replaceWithIfNotAuthorized={<td />}
-              >
-                <td className="text-right">
+              <td className="text-right">
+                <Authorized
+                  requiredRole={VIEWER_ROLE}
+                  replaceWithIfNotAuthorized={<div />}
+                >
                   <button
                     className="btn btn-xs btn-default table--show-on-row-hover"
                     onClick={onExportDashboard(dashboard)}
                   >
                     <span className="icon export" />Export
                   </button>
-                  <button
-                    className="btn btn-xs btn-default table--show-on-row-hover"
-                    onClick={onCloneDashboard(dashboard)}
-                  >
-                    <span className="icon duplicate" />
-                    Clone
-                  </button>
-                  <ConfirmButton
-                    confirmAction={onDeleteDashboard(dashboard)}
-                    size="btn-xs"
-                    type="btn-danger"
-                    text="Delete"
-                    customClass="table--show-on-row-hover"
-                  />
-                </td>
-              </Authorized>
+                </Authorized>
+                <Authorized
+                  requiredRole={EDITOR_ROLE}
+                  replaceWithIfNotAuthorized={<div />}
+                >
+                  <span>
+                    <button
+                      className="btn btn-xs btn-default table--show-on-row-hover"
+                      onClick={onCloneDashboard(dashboard)}
+                    >
+                      <span className="icon duplicate" />
+                      Clone
+                    </button>
+                    <ConfirmButton
+                      confirmAction={onDeleteDashboard(dashboard)}
+                      size="btn-xs"
+                      type="btn-danger"
+                      text="Delete"
+                      customClass="table--show-on-row-hover"
+                    />
+                  </span>
+                </Authorized>
+              </td>
             </tr>
           ))}
         </tbody>