mirror of https://github.com/portainer/portainer
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import { useQuery } from 'react-query';
|
|
import clsx from 'clsx';
|
|
|
|
import { getStatus } from '@/portainer/services/api/status.service';
|
|
|
|
import { UpdateNotification } from './UpdateNotifications';
|
|
import styles from './Footer.module.css';
|
|
|
|
export function Footer() {
|
|
const statusQuery = useStatus();
|
|
|
|
if (!statusQuery.data) {
|
|
return null;
|
|
}
|
|
|
|
const { Edition, Version } = statusQuery.data;
|
|
|
|
return (
|
|
<div className={clsx(styles.root, 'text-center')}>
|
|
{process.env.PORTAINER_EDITION === 'CE' && <UpdateNotification />}
|
|
<div className="text-xs space-x-1 text-gray-5 be:text-gray-6">
|
|
<span>©</span>
|
|
<span>Portainer {Edition}</span>
|
|
|
|
<span data-cy="portainerSidebar-versionNumber">{Version}</span>
|
|
|
|
{process.env.PORTAINER_EDITION === 'CE' && (
|
|
<a
|
|
href="https://www.portainer.io/install-BE-now"
|
|
className="text-blue-6 font-medium"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Upgrade
|
|
</a>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function useStatus() {
|
|
return useQuery(['status'], () => getStatus());
|
|
}
|