From 269ffbea7e0553be0a6d1795cfdc79b6b7c76eb8 Mon Sep 17 00:00:00 2001
From: Joshua <joshuali925@gmail.com>
Date: Fri, 11 Dec 2020 21:51:22 +0000
Subject: [PATCH] Add docs link (#247)

---
 .../__snapshots__/main.test.tsx.snap          | 48 ++++++++++++-------
 .../report_definitions_table.test.tsx.snap    |  8 ++--
 .../__snapshots__/reports_table.test.tsx.snap |  8 ++--
 .../main/report_definitions_table.tsx         |  5 +-
 .../public/components/main/reports_table.tsx  |  5 +-
 5 files changed, 48 insertions(+), 26 deletions(-)

diff --git a/kibana-reports/public/components/main/__tests__/__snapshots__/main.test.tsx.snap b/kibana-reports/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
index 95c52453..48cc96e7 100644
--- a/kibana-reports/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
+++ b/kibana-reports/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
@@ -425,9 +425,11 @@ exports[`<Main /> panel render component 1`] = `
                               >
                                 To learn more, see
                                  
-                                <button
+                                <a
                                   class="euiLink euiLink--primary"
-                                  type="button"
+                                  href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                  rel="noopener noreferrer"
+                                  target="_blank"
                                 >
                                   Get started with Kibana reporting 
                                   <svg
@@ -440,7 +442,7 @@ exports[`<Main /> panel render component 1`] = `
                                     width="16"
                                     xmlns="http://www.w3.org/2000/svg"
                                   />
-                                </button>
+                                </a>
                               </div>
                             </div>
                           </div>
@@ -823,9 +825,11 @@ exports[`<Main /> panel render component 1`] = `
                                 >
                                   To learn more, see
                                    
-                                  <button
+                                  <a
                                     class="euiLink euiLink--primary"
-                                    type="button"
+                                    href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                    rel="noopener noreferrer"
+                                    target="_blank"
                                   >
                                     Get started with Kibana reporting 
                                     <svg
@@ -838,7 +842,7 @@ exports[`<Main /> panel render component 1`] = `
                                       width="16"
                                       xmlns="http://www.w3.org/2000/svg"
                                     />
-                                  </button>
+                                  </a>
                                 </div>
                               </div>
                             </div>
@@ -1333,9 +1337,11 @@ exports[`<Main /> panel render component after create success 1`] = `
                               >
                                 To learn more, see
                                  
-                                <button
+                                <a
                                   class="euiLink euiLink--primary"
-                                  type="button"
+                                  href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                  rel="noopener noreferrer"
+                                  target="_blank"
                                 >
                                   Get started with Kibana reporting 
                                   <svg
@@ -1352,7 +1358,7 @@ exports[`<Main /> panel render component after create success 1`] = `
                                       d="M13 8.5a.5.5 0 111 0V12a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h3.5a.5.5 0 010 1H4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8.5zm-5.12.339a.5.5 0 11-.706-.707L13.305 2H10.5a.5.5 0 110-1H14a1 1 0 011 1v3.5a.5.5 0 11-1 0V2.72L7.88 8.838z"
                                     />
                                   </svg>
-                                </button>
+                                </a>
                               </div>
                             </div>
                           </div>
@@ -1748,9 +1754,11 @@ exports[`<Main /> panel render component after create success 1`] = `
                                 >
                                   To learn more, see
                                    
-                                  <button
+                                  <a
                                     class="euiLink euiLink--primary"
-                                    type="button"
+                                    href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                    rel="noopener noreferrer"
+                                    target="_blank"
                                   >
                                     Get started with Kibana reporting 
                                     <svg
@@ -1767,7 +1775,7 @@ exports[`<Main /> panel render component after create success 1`] = `
                                         d="M13 8.5a.5.5 0 111 0V12a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h3.5a.5.5 0 010 1H4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8.5zm-5.12.339a.5.5 0 11-.706-.707L13.305 2H10.5a.5.5 0 110-1H14a1 1 0 011 1v3.5a.5.5 0 11-1 0V2.72L7.88 8.838z"
                                       />
                                     </svg>
-                                  </button>
+                                  </a>
                                 </div>
                               </div>
                             </div>
@@ -2311,9 +2319,11 @@ exports[`<Main /> panel render component after edit success 1`] = `
                               >
                                 To learn more, see
                                  
-                                <button
+                                <a
                                   class="euiLink euiLink--primary"
-                                  type="button"
+                                  href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                  rel="noopener noreferrer"
+                                  target="_blank"
                                 >
                                   Get started with Kibana reporting 
                                   <svg
@@ -2330,7 +2340,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
                                       d="M13 8.5a.5.5 0 111 0V12a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h3.5a.5.5 0 010 1H4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8.5zm-5.12.339a.5.5 0 11-.706-.707L13.305 2H10.5a.5.5 0 110-1H14a1 1 0 011 1v3.5a.5.5 0 11-1 0V2.72L7.88 8.838z"
                                     />
                                   </svg>
-                                </button>
+                                </a>
                               </div>
                             </div>
                           </div>
@@ -2726,9 +2736,11 @@ exports[`<Main /> panel render component after edit success 1`] = `
                                 >
                                   To learn more, see
                                    
-                                  <button
+                                  <a
                                     class="euiLink euiLink--primary"
-                                    type="button"
+                                    href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                    rel="noopener noreferrer"
+                                    target="_blank"
                                   >
                                     Get started with Kibana reporting 
                                     <svg
@@ -2745,7 +2757,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
                                         d="M13 8.5a.5.5 0 111 0V12a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h3.5a.5.5 0 010 1H4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8.5zm-5.12.339a.5.5 0 11-.706-.707L13.305 2H10.5a.5.5 0 110-1H14a1 1 0 011 1v3.5a.5.5 0 11-1 0V2.72L7.88 8.838z"
                                       />
                                     </svg>
-                                  </button>
+                                  </a>
                                 </div>
                               </div>
                             </div>
diff --git a/kibana-reports/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap b/kibana-reports/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
index ddef33a3..c9e0a889 100644
--- a/kibana-reports/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
+++ b/kibana-reports/public/components/main/__tests__/__snapshots__/report_definitions_table.test.tsx.snap
@@ -903,9 +903,11 @@ exports[`<ReportDefinitions /> panel render empty table 1`] = `
                             >
                               To learn more, see
                                
-                              <button
+                              <a
                                 class="euiLink euiLink--primary"
-                                type="button"
+                                href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                                rel="noopener noreferrer"
+                                target="_blank"
                               >
                                 Get started with Kibana reporting 
                                 <svg
@@ -918,7 +920,7 @@ exports[`<ReportDefinitions /> panel render empty table 1`] = `
                                   width="16"
                                   xmlns="http://www.w3.org/2000/svg"
                                 />
-                              </button>
+                              </a>
                             </div>
                           </div>
                         </div>
diff --git a/kibana-reports/public/components/main/__tests__/__snapshots__/reports_table.test.tsx.snap b/kibana-reports/public/components/main/__tests__/__snapshots__/reports_table.test.tsx.snap
index 93a302be..b876da29 100644
--- a/kibana-reports/public/components/main/__tests__/__snapshots__/reports_table.test.tsx.snap
+++ b/kibana-reports/public/components/main/__tests__/__snapshots__/reports_table.test.tsx.snap
@@ -970,9 +970,11 @@ exports[`<ReportsTable /> panel render empty component 1`] = `
                           >
                             To learn more, see
                              
-                            <button
+                            <a
                               class="euiLink euiLink--primary"
-                              type="button"
+                              href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+                              rel="noopener noreferrer"
+                              target="_blank"
                             >
                               Get started with Kibana reporting 
                               <svg
@@ -985,7 +987,7 @@ exports[`<ReportsTable /> panel render empty component 1`] = `
                                 width="16"
                                 xmlns="http://www.w3.org/2000/svg"
                               />
-                            </button>
+                            </a>
                           </div>
                         </div>
                       </div>
diff --git a/kibana-reports/public/components/main/report_definitions_table.tsx b/kibana-reports/public/components/main/report_definitions_table.tsx
index 9857d699..7bebe9f7 100644
--- a/kibana-reports/public/components/main/report_definitions_table.tsx
+++ b/kibana-reports/public/components/main/report_definitions_table.tsx
@@ -33,7 +33,10 @@ const emptyMessageReportDefinitions = (
         <EuiText>Create a new report definition to get started</EuiText>
         <EuiText>
           To learn more, see{' '}
-          <EuiLink>
+          <EuiLink
+            href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+            target="_blank"
+          >
             Get started with Kibana reporting <EuiIcon type="popout" />
           </EuiLink>
         </EuiText>
diff --git a/kibana-reports/public/components/main/reports_table.tsx b/kibana-reports/public/components/main/reports_table.tsx
index 6d363020..b213331c 100644
--- a/kibana-reports/public/components/main/reports_table.tsx
+++ b/kibana-reports/public/components/main/reports_table.tsx
@@ -51,7 +51,10 @@ const emptyMessageReports = (
         </EuiText>
         <EuiText>
           To learn more, see{' '}
-          <EuiLink>
+          <EuiLink
+            href="https://opendistro.github.io/for-elasticsearch-docs/docs/kibana/reporting/"
+            target="_blank"
+          >
             Get started with Kibana reporting <EuiIcon type="popout" />
           </EuiLink>
         </EuiText>