From 02ba426ceb5c50118ebed3d411895dd6570ec10d Mon Sep 17 00:00:00 2001
From: Marc Bernard <59966492+mbtools@users.noreply.github.com>
Date: Fri, 6 Oct 2023 09:35:29 -0400
Subject: [PATCH] fix: display labels for engine versions (#4051)

---
 .changeset/eight-squids-judge.md                          | 6 ++++++
 packages/plugins/ui-theme/src/i18n/crowdin/ui.json        | 6 ++++--
 packages/ui-components/src/components/Engines/Engines.tsx | 6 +++---
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/eight-squids-judge.md

diff --git a/.changeset/eight-squids-judge.md b/.changeset/eight-squids-judge.md
new file mode 100644
index 000000000..bb1856503
--- /dev/null
+++ b/.changeset/eight-squids-judge.md
@@ -0,0 +1,6 @@
+---
+'@verdaccio/ui-theme': patch
+'@verdaccio/ui-components': patch
+---
+
+fix: display labels for engine versions
diff --git a/packages/plugins/ui-theme/src/i18n/crowdin/ui.json b/packages/plugins/ui-theme/src/i18n/crowdin/ui.json
index c83132052..4fa7430c5 100644
--- a/packages/plugins/ui-theme/src/i18n/crowdin/ui.json
+++ b/packages/plugins/ui-theme/src/i18n/crowdin/ui.json
@@ -128,8 +128,10 @@
       "title": "Contributors"
     },
     "engines": {
-      "npm-version": "NPM Version",
-      "node-js": "NODE JS"
+      "npm-version": "Npm Version",
+      "pnpm-version": "Pnpm Version",
+      "yarn-version": "Yarn Version",
+      "node-js": "Node.js"
     }
   },
   "footer": {
diff --git a/packages/ui-components/src/components/Engines/Engines.tsx b/packages/ui-components/src/components/Engines/Engines.tsx
index 3c2a161a8..8700faa3f 100644
--- a/packages/ui-components/src/components/Engines/Engines.tsx
+++ b/packages/ui-components/src/components/Engines/Engines.tsx
@@ -68,7 +68,7 @@ const Engine: React.FC<Props> = ({ packageMeta }) => {
       {engines.npm ? (
         <EngineItem
           element={<Npm />}
-          engineText={engines.node}
+          engineText={engines.npm}
           title={t('sidebar.engines.npm-version')}
         />
       ) : null}
@@ -77,7 +77,7 @@ const Engine: React.FC<Props> = ({ packageMeta }) => {
         <EngineItem
           element={<Yarn />}
           engineText={engines.yarn}
-          title={t('sidebar.engines.npm-version')}
+          title={t('sidebar.engines.yarn-version')}
         />
       ) : null}
 
@@ -85,7 +85,7 @@ const Engine: React.FC<Props> = ({ packageMeta }) => {
         <EngineItem
           element={<Pnpm />}
           engineText={engines.pnpm}
-          title={t('sidebar.engines.npm-version')}
+          title={t('sidebar.engines.pnpm-version')}
         />
       ) : null}
     </Grid>