63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
import Logo from '@/assets/images/gpustack-logo.png';
|
|
import { GPUStackVersionAtom, UpdateCheckAtom, userAtom } from '@/atoms/user';
|
|
import { getAtomStorage } from '@/atoms/utils';
|
|
import externalLinks from '@/constants/external-links';
|
|
import { Button } from 'antd';
|
|
import React from 'react';
|
|
import './index.less';
|
|
|
|
const VersionInfo: React.FC<{ intl: any }> = ({ intl }) => {
|
|
const latestVersion = getAtomStorage(UpdateCheckAtom).latest_version;
|
|
const currentVersion = getAtomStorage(GPUStackVersionAtom)?.version;
|
|
|
|
return (
|
|
<div className="version-box">
|
|
<div className="img">
|
|
<img src={Logo} alt="logo" />
|
|
</div>
|
|
|
|
<div className="ver">
|
|
<span className="label">
|
|
{' '}
|
|
{intl.formatMessage({ id: 'common.footer.version' })}
|
|
</span>
|
|
<span className="val">
|
|
{getAtomStorage(GPUStackVersionAtom)?.version ||
|
|
getAtomStorage(GPUStackVersionAtom)?.git_commit}
|
|
</span>
|
|
</div>
|
|
{getAtomStorage(userAtom)?.is_admin && (
|
|
<div className="upgrade">
|
|
<span className="m-l-5">
|
|
{latestVersion && latestVersion !== currentVersion
|
|
? intl.formatMessage(
|
|
{ id: 'users.version.update' },
|
|
{ version: latestVersion }
|
|
)
|
|
: intl.formatMessage(
|
|
{ id: 'users.version.islatest' },
|
|
{ version: currentVersion }
|
|
)}
|
|
</span>
|
|
<Button type="link" href={externalLinks.release} target="_blank">
|
|
{intl.formatMessage({ id: 'common.text.changelog' })}
|
|
</Button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const modalConfig = {
|
|
icon: null,
|
|
centered: false,
|
|
maskClosable: true,
|
|
footer: null,
|
|
style: {
|
|
top: '30%'
|
|
},
|
|
width: 400
|
|
};
|
|
|
|
export default VersionInfo;
|