From bd6fdc403d71397246dca1ec58c114647c9d4757 Mon Sep 17 00:00:00 2001
From: Iris Scholten <ischolten.is@gmail.com>
Date: Fri, 22 Mar 2019 14:15:40 -0700
Subject: [PATCH] Remove the option to create a template

---
 .../components/OrgTemplatesPage.tsx           |  1 -
 .../templates/components/TemplatesHeader.tsx  | 35 ++++++++-----------
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/ui/src/organizations/components/OrgTemplatesPage.tsx b/ui/src/organizations/components/OrgTemplatesPage.tsx
index dec7b812b1..56252e688a 100644
--- a/ui/src/organizations/components/OrgTemplatesPage.tsx
+++ b/ui/src/organizations/components/OrgTemplatesPage.tsx
@@ -40,7 +40,6 @@ class OrgTemplatesPage extends PureComponent<Props, State> {
     return (
       <>
         <TemplatesHeader
-          onCreateTemplate={onImport}
           onImportTemplate={onImport}
           showOrgDropdown={false}
           isFullPage={false}
diff --git a/ui/src/templates/components/TemplatesHeader.tsx b/ui/src/templates/components/TemplatesHeader.tsx
index 1e02b22313..ec3ddd2119 100644
--- a/ui/src/templates/components/TemplatesHeader.tsx
+++ b/ui/src/templates/components/TemplatesHeader.tsx
@@ -4,10 +4,9 @@ import {Page} from 'src/pageLayout'
 
 // Components
 import {Tabs, ComponentSpacer, Alignment, Stack} from 'src/clockface'
-import AddResourceDropdown from 'src/shared/components/AddResourceDropdown'
+import {Button, IconFont, ComponentColor} from '@influxdata/clockface'
 
 interface Props {
-  onCreateTemplate: () => void
   onImportTemplate: () => void
   showOrgDropdown?: boolean
   isFullPage?: boolean
@@ -24,12 +23,7 @@ export default class TemplatesHeader extends PureComponent<Props> {
   }
 
   public render() {
-    const {
-      onCreateTemplate,
-      onImportTemplate,
-      isFullPage,
-      filterComponent,
-    } = this.props
+    const {isFullPage, filterComponent} = this.props
 
     if (isFullPage) {
       return (
@@ -37,13 +31,7 @@ export default class TemplatesHeader extends PureComponent<Props> {
           <Page.Header.Left>
             <Page.Title title={this.pageTitle} />
           </Page.Header.Left>
-          <Page.Header.Right>
-            <AddResourceDropdown
-              onSelectNew={onCreateTemplate}
-              onSelectImport={onImportTemplate}
-              resourceName="Template"
-            />
-          </Page.Header.Right>
+          <Page.Header.Right>{this.importButton}</Page.Header.Right>
         </Page.Header>
       )
     }
@@ -52,11 +40,7 @@ export default class TemplatesHeader extends PureComponent<Props> {
       <Tabs.TabContentsHeader>
         {filterComponent()}
         <ComponentSpacer align={Alignment.Right} stackChildren={Stack.Columns}>
-          <AddResourceDropdown
-            onSelectNew={onCreateTemplate}
-            onSelectImport={onImportTemplate}
-            resourceName="Template"
-          />
+          {this.importButton}
         </ComponentSpacer>
       </Tabs.TabContentsHeader>
     )
@@ -71,4 +55,15 @@ export default class TemplatesHeader extends PureComponent<Props> {
 
     return ''
   }
+
+  private get importButton(): JSX.Element {
+    return (
+      <Button
+        text="Import Template"
+        icon={IconFont.Plus}
+        color={ComponentColor.Primary}
+        onClick={this.props.onImportTemplate}
+      />
+    )
+  }
 }