Add version information

src/app.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { TailscaleBackendState, TailscalePeer, TailscaleStatus, TailscaleUp } from './types';
+import { TailscaleBackendState, TailscalePeer, TailscaleStatus, TailscaleUp, TailscaleVersion } from './types';
 import { Icon } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
@@ -16,18 +16,28 @@ type ApplicationProps = {
 
 type ApplicationState = {
     Status: TailscaleStatus
+    Version: TailscaleVersion
 }
 
-
 export class Application extends React.Component<ApplicationProps, ApplicationState> {
     state: ApplicationState = {
-        Status: null
+        Status: null,
+        Version: null
     }
 
     constructor(props: ApplicationProps) {
         super(props);
 
-        cockpit.spawn(['tailscale', 'status', '--json']).done(content => {
+        cockpit
+            .spawn(['tailscale', 'version', '--json'])
+            .done(content => {
+                const version: TailscaleVersion = JSON.parse(content)
+                this.setState(state => ({ Version: version }));
+            });
+
+        cockpit
+            .spawn(['tailscale', 'status', '--json'])
+            .done(content => {
                 const status: TailscaleStatus = JSON.parse(content)
                 this.setState(state => ({ Status: status }));
             });
@@ -43,7 +53,8 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
             <>
                 {
                     this.state.Status != null
-                        ? <Table
+                        ? <div>
+                            <Table
                                 aria-label="Tailscale peers"
                                 variant='compact' borders={false}>
                                 <Caption>Tailscale peers</Caption>
@@ -61,7 +72,7 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
                                     </Tr>
                                 </Thead>
                                 <Tbody>
-                                { this.state.Status.Self.Self = true }
+                                    {this.state.Status.Self.Self = true}
                                     <Peer {...this.state.Status.Self} />
                                     {
                                         Object.values(this.state.Status.Peer)
@@ -73,6 +84,10 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
                                     }
                                 </Tbody>
                             </Table>
+
+                            <div>Tailscale {this.state.Version.majorMinorPatch}</div>
+                        </div>
+
                         : <p>Loading...</p>
                 }
             </>

src/types.ts

@@ -9,6 +9,15 @@ export type TailscaleBackendState =
     | 'Starting'
     | 'Running';
 
+export type TailscaleVersion = {
+    majorMinorPatch: string;
+	short: string;
+	long: string;
+	gitCommit: string;
+	extraGitCommit: string;
+	cap: number;
+}
+
 export enum OS {
     Android = "android",
     IOS = "iOS",