From 07f7824f0ca8794c373e88c728cc73f18ea61b63 Mon Sep 17 00:00:00 2001
From: Iris Scholten <ischolten.is@gmail.com>
Date: Fri, 23 Mar 2018 15:24:22 -0700
Subject: [PATCH] open moment formatting guide when clicking on the question
 mark in the time format table component

---
 .../components/GraphOptionsTimeFormat.tsx          | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/ui/src/dashboards/components/GraphOptionsTimeFormat.tsx b/ui/src/dashboards/components/GraphOptionsTimeFormat.tsx
index 366ffc92d..5db309afc 100644
--- a/ui/src/dashboards/components/GraphOptionsTimeFormat.tsx
+++ b/ui/src/dashboards/components/GraphOptionsTimeFormat.tsx
@@ -51,8 +51,8 @@ class GraphOptionsTimeFormat extends PureComponent<Props, State> {
 
   public render() {
     const {format, customFormat} = this.state
-    const tipContent =
-      'For information on formatting, see http://momentjs.com/docs/#/parsing/string-format/'
+    const tipUrl = 'http://momentjs.com/docs/#/parsing/string-format/'
+    const tipContent = `For information on formatting, see ${tipUrl}`
 
     const formatOption = FORMAT_OPTIONS.find(op => op.text === format)
     const showCustom = !formatOption || customFormat
@@ -62,10 +62,12 @@ class GraphOptionsTimeFormat extends PureComponent<Props, State> {
         <label>
           Time Format
           {showCustom && (
-            <QuestionMarkTooltip
-              tipID="Time Axis Format"
-              tipContent={tipContent}
-            />
+            <a href={tipUrl} target="_blank">
+              <QuestionMarkTooltip
+                tipID="Time Axis Format"
+                tipContent={tipContent}
+              />
+            </a>
           )}
         </label>
         <Dropdown