feat: add link to template pages from dashboards dropdown (#3215)

* feat: added a link to template page from dahsboard

* fix: prettier

* chore: clean up

Author: blegesse-w

src/dashboards/components/dashboard_index/DashboardsIndex.tsx

@@ -88,7 +88,7 @@ class DashboardIndex extends PureComponent<Props, State> {
                 <AddResourceDropdown
                   onSelectNew={createDashboard}
                   onSelectImport={this.summonImportOverlay}
-                  onSelectTemplate={this.summonImportFromTemplateOverlay}
+                  onSelectTemplate={this.summonTemplatePage}
                   resourceName="Dashboard"
                   limitStatus={limitStatus}
                 />
@@ -155,14 +155,14 @@ class DashboardIndex extends PureComponent<Props, State> {
     history.push(`/orgs/${orgID}/dashboards-list/import`)
   }
 
-  private summonImportFromTemplateOverlay = (): void => {
+  private summonTemplatePage = (): void => {
     const {
       history,
       match: {
         params: {orgID},
       },
     } = this.props
-    history.push(`/orgs/${orgID}/dashboards-list/import/template`)
+    history.push(`/orgs/${orgID}/settings/templates`)
   }
 }
 

src/shared/components/AddResourceDropdown.tsx

@@ -80,6 +80,20 @@ class AddResourceDropdown extends PureComponent<Props> {
   private get optionItems(): JSX.Element[] {
     const importOption = this.importOption
     const newOption = this.newOption
+    const templateOption = this.templateOption
+    const fromDashboard = this.props.resourceName === 'Dashboard'
+
+    const templateFromDashboard = (
+      <Dropdown.Item
+        id={templateOption}
+        key={templateOption}
+        onClick={this.handleSelect}
+        value={templateOption}
+        testID="add-resource-dropdown--template"
+      >
+        {templateOption}
+      </Dropdown.Item>
+    )
 
     const items = [
       <Dropdown.Item
@@ -100,6 +114,7 @@ class AddResourceDropdown extends PureComponent<Props> {
       >
         {importOption}
       </Dropdown.Item>,
+      ...(fromDashboard ? [templateFromDashboard] : []),
     ]
 
     return items
@@ -114,7 +129,7 @@ class AddResourceDropdown extends PureComponent<Props> {
   }
 
   private get templateOption(): string {
-    return `From a Template`
+    return `Add a Template`
   }
 
   private handleLimit = (): void => {