This commit is contained in:
Infinite
2020-01-20 21:56:23 +01:00
parent 9827647122
commit 244c8ff234
82 changed files with 3729 additions and 2304 deletions

View File

@@ -1,12 +1,14 @@
import React from "react";
import { Table, Spinner } from 'react-bootstrap';
import { Table, Spinner } from "react-bootstrap";
import { StashService } from "src/core/StashService";
export const SettingsAboutPanel: React.FC = () => {
const { data, error, loading } = StashService.useVersion();
function maybeRenderTag() {
if (!data || !data.version || !data.version.version) { return; }
if (!data || !data.version || !data.version.version) {
return;
}
return (
<tr>
<td>Version:</td>
@@ -16,30 +18,32 @@ export const SettingsAboutPanel: React.FC = () => {
}
function renderVersion() {
if (!data || !data.version) { return; }
if (!data || !data.version) {
return;
}
return (
<>
<Table>
<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>
</Table>
<Table>
<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>
</Table>
</>
);
}
return (
<>
<h4>About</h4>
{!data || loading ? <Spinner animation="border" variant="light" /> : ''}
{error ? <span>error.message</span> : ''}
{!data || loading ? <Spinner animation="border" variant="light" /> : ""}
{error ? <span>error.message</span> : ""}
{renderVersion()}
</>
);