0832462bfc
* Changes favicon * Adds logo * Removes bulma from Version and makes it look just like in figma
62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import { gitCommitPath } from 'lib/paths';
|
|
import { GIT_REPO_LATEST_RELEASE_LINK } from 'lib/constants';
|
|
import WarningIcon from 'components/common/Icons/WarningIcon';
|
|
|
|
import * as S from './Version.styled';
|
|
import compareVersions from './compareVersions';
|
|
|
|
export interface VesionProps {
|
|
tag: string;
|
|
commit?: string;
|
|
}
|
|
|
|
const Version: React.FC<VesionProps> = ({ tag, commit }) => {
|
|
const [latestVersionInfo, setLatestVersionInfo] = useState({
|
|
outdated: false,
|
|
latestTag: '',
|
|
});
|
|
|
|
useEffect(() => {
|
|
fetch(GIT_REPO_LATEST_RELEASE_LINK)
|
|
.then((response) => response.json())
|
|
.then((data) => {
|
|
setLatestVersionInfo({
|
|
outdated: compareVersions(tag, data.tag_name) === -1,
|
|
latestTag: data.tag_name,
|
|
});
|
|
});
|
|
}, [tag]);
|
|
|
|
const { outdated, latestTag } = latestVersionInfo;
|
|
|
|
return (
|
|
<S.Wrapper>
|
|
<S.CurrentVersion>{tag}</S.CurrentVersion>
|
|
|
|
{outdated && (
|
|
<S.OutdatedWarning
|
|
title={`Your app version is outdated. Current latest version is ${latestTag}`}
|
|
>
|
|
<WarningIcon />
|
|
</S.OutdatedWarning>
|
|
)}
|
|
|
|
{commit && (
|
|
<>
|
|
<S.SymbolWrapper>(</S.SymbolWrapper>
|
|
<S.CurrentCommitLink
|
|
title="Current commit"
|
|
target="__blank"
|
|
href={gitCommitPath(commit)}
|
|
>
|
|
{commit}
|
|
</S.CurrentCommitLink>
|
|
<S.SymbolWrapper>)</S.SymbolWrapper>
|
|
</>
|
|
)}
|
|
</S.Wrapper>
|
|
);
|
|
};
|
|
|
|
export default Version;
|