1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 13:55:21 +02:00

version: display dependencies versions (#188)

Co-authored-by: LP B <xAt0mZ@users.noreply.github.com>
This commit is contained in:
Anthony Lapenna 2024-12-03 08:45:44 +13:00 committed by GitHub
parent d393529026
commit a261f60764
8 changed files with 177 additions and 52 deletions

View file

@ -3,6 +3,7 @@ import {
Database,
GitCommit,
Hash,
Link as LinkIcon,
Server,
Tag,
Variable,
@ -56,7 +57,8 @@ function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
}
const { Edition } = statusQuery.data;
const { ServerVersion, DatabaseVersion, Build } = versionQuery.data;
const { ServerVersion, DatabaseVersion, Build, Dependencies, Runtime } =
versionQuery.data;
return (
<Modal onDismiss={closeModal} aria-label="build-info-modal">
@ -111,17 +113,39 @@ function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
<div className={styles.tools}>
<span className="text-muted small">
Nodejs v{Build.NodejsVersion}
Nodejs {Build.NodejsVersion}
</span>
<span className="text-muted small">Yarn v{Build.YarnVersion}</span>
<span className="text-muted small">
Webpack v{Build.WebpackVersion}
</span>
<span className="text-muted small">Go v{Build.GoVersion}</span>
<span className="text-muted small">Go {Build.GoVersion}</span>
</div>
</div>
{isAdmin && Build.Env && (
<div className={clsx(styles.toolsList, 'mt-3')}>
<span className="inline-flex items-center">
<LinkIcon size="13" className="space-right" />
Dependencies:
</span>
<div className={styles.tools}>
<span className="text-muted small">
Docker {Dependencies.DockerVersion}
</span>
<span className="text-muted small">
Helm {Dependencies.HelmVersion}
</span>
<span className="text-muted small">
Kubectl {Dependencies.KubectlVersion}
</span>
<span className="text-muted small">
Compose {Dependencies.ComposeVersion}
</span>
</div>
</div>
{isAdmin && Runtime.Env && (
<div className={clsx(styles.toolsList, 'mt-3')}>
<span className="inline-flex items-center ">
<Variable size="13" className="space-right" />
@ -131,7 +155,7 @@ function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
<div
className={clsx(styles.tools, 'max-h-32 space-y-2 overflow-auto')}
>
{Build.Env.map((envVar) => (
{Runtime.Env.map((envVar) => (
<div key={envVar}>
<code>{envVar}</code>
</div>