WIP

ui/v2.5/src/components/Settings/SettingsAboutPanel.tsx

@@ -0,0 +1,57 @@
+import {
+  H1,
+  H4,
+  H6,
+  HTMLTable,
+  Spinner,
+  Tag,
+} from "@blueprintjs/core";
+import React, { FunctionComponent } from "react";
+import * as GQL from "../../core/generated-graphql";
+import { TextUtils } from "../../utils/text";
+import { StashService } from "../../core/StashService";
+
+interface IProps {}
+
+export const SettingsAboutPanel: FunctionComponent<IProps> = (props: IProps) => {
+  const { data, error, loading } = StashService.useVersion();
+
+  function maybeRenderTag() {
+    if (!data || !data.version || !data.version.version) { return; }
+    return (
+      <tr>
+        <td>Version:</td>
+        <td>{data.version.version}</td>
+      </tr>
+    );
+  }
+
+  function renderVersion() {
+    if (!data || !data.version) { return; }
+    return (
+      <>
+      <HTMLTable>
+        <tbody>
+          {maybeRenderTag()}
+          <tr>
+            <td>Build hash:</td>
+            <td>{data.version.hash}</td>
+          </tr>
+          <tr>
+            <td>Build time:</td>
+            <td>{data.version.build_time}</td>
+          </tr>
+        </tbody>  
+      </HTMLTable>
+      </>
+    );
+  }
+  return (
+    <>
+      <H4>About</H4>
+      {!data || loading ? <Spinner size={Spinner.SIZE_LARGE} /> : undefined}
+      {!!error ? <span>error.message</span> : undefined}
+      {renderVersion()}
+    </>
+  );
+};