Add link in QueryHelper

Author: haohanyang

src/components/QueryHelper.tsx

@@ -1,34 +1,15 @@
 import React from 'react';
 import { QueryEditorHelpProps } from '@grafana/data';
-import { Divider, Text } from '@grafana/ui';
+import { Text, TextLink } from '@grafana/ui';
+import packageJson from '../../package.json';
 
 export function QueryHelper(_props: QueryEditorHelpProps) {
   return (
-    <div>
-      <Text element="h1" color="primary">
-        Query Language Types and Differences
-      </Text>
-      <Divider></Divider>
-      <div>
-        <p>
-          <Text element="span" weight="bold" color="info">
-            JSON
-          </Text>
-          : JSON aggregate of mongodb query.
-        </p>
-        <p>
-          <Text element="span" weight="bold" color="info">
-            JavaScript
-          </Text>
-          :JavaScript aggregate of mongodb query for the legacy support
-        </p>
-        <p>
-          <Text element="span" weight="bold" color="info">
-            JavaScript Shadow
-          </Text>
-          : JavaScript function that return aggregate of mongodb query with evaluation support.
-        </p>
-      </div>
-    </div>
+    <Text element="p">
+      Check details in <span> </span>
+      <TextLink href={`https://github.com/haohanyang/mongodb-datasource/tree/v${packageJson.version}`} external inline>
+        repository
+      </TextLink>
+    </Text>
   );
 }