shlink-web-client/src/common/ShlinkVersions.tsx

34 lines
1.2 KiB
TypeScript
Raw Normal View History

import { pipe } from 'ramda';
import { ExternalLink } from 'react-external-link';
import { versionToPrintable, versionToSemVer } from '../utils/helpers/version';
import { isReachableServer, SelectedServer } from '../servers/data';
const SHLINK_WEB_CLIENT_VERSION = '%_VERSION_%';
const normalizeVersion = pipe(versionToSemVer(), versionToPrintable);
2020-03-05 12:18:33 +03:00
export interface ShlinkVersionsProps {
selectedServer: SelectedServer;
2020-08-28 21:05:01 +03:00
clientVersion?: string;
}
2020-03-05 12:18:33 +03:00
const VersionLink = ({ project, version }: { project: 'shlink' | 'shlink-web-client'; version: string }) => (
<ExternalLink href={`https://github.com/shlinkio/${project}/releases/${version}`} className="text-muted">
<b>{version}</b>
</ExternalLink>
);
const ShlinkVersions = ({ selectedServer, clientVersion = SHLINK_WEB_CLIENT_VERSION }: ShlinkVersionsProps) => {
const normalizedClientVersion = normalizeVersion(clientVersion);
2020-03-05 12:18:33 +03:00
return (
<small className="text-muted">
2022-03-26 14:17:42 +03:00
{isReachableServer(selectedServer) && (
2020-11-14 00:44:26 +03:00
<>Server: <VersionLink project="shlink" version={selectedServer.printableVersion} /> - </>
2022-03-26 14:17:42 +03:00
)}
2020-08-28 21:05:01 +03:00
Client: <VersionLink project="shlink-web-client" version={normalizedClientVersion} />
</small>
);
2020-03-05 12:18:33 +03:00
};
export default ShlinkVersions;