Add build translation

BrunoQuaresma · BrunoQuaresma · commit 94424aade008 · 2022-10-31T19:31:20.000Z
diff --git a/site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx b/site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx
@@ -1,5 +1,6 @@
 import { Stats, StatsItem } from "components/Stats/Stats"
 import { FC } from "react"
+import { useTranslation } from "react-i18next"
 import { Link } from "react-router-dom"
 import { WorkspaceBuild } from "../../api/typesGenerated"
 import { displayWorkspaceBuildDuration } from "../../util/workspace"
@@ -11,25 +12,27 @@ export interface WorkspaceBuildStatsProps {
 export const WorkspaceBuildStats: FC<WorkspaceBuildStatsProps> = ({
   build,
 }) => {
+  const { t } = useTranslation("buildPage")
+
   return (
     <Stats>
       <StatsItem
-        label="Workspace"
+        label={t("stats.workspace")}
         value={
           <Link to={`/@${build.workspace_owner_name}/${build.workspace_name}`}>
             {build.workspace_name}
           </Link>
         }
       />
       <StatsItem
-        label="Duration"
+        label={t("stats.duration")}
         value={displayWorkspaceBuildDuration(build)}
       />
       <StatsItem
-        label="Started at"
+        label={t("stats.startedAt")}
         value={new Date(build.created_at).toLocaleString()}
       />
-      <StatsItem label="Action" value={build.transition} />
+      <StatsItem label={t("stats.action")} value={build.transition} />
     </Stats>
   )
 }
diff --git a/site/src/i18n/en/buildPage.json b/site/src/i18n/en/buildPage.json
@@ -0,0 +1,8 @@
+{
+  "stats": {
+    "workspace": "Workspace",
+    "duration": "Duration",
+    "startedAt": "Started at",
+    "action": "Action"
+  }
+}
diff --git a/site/src/i18n/en/index.ts b/site/src/i18n/en/index.ts
@@ -5,6 +5,7 @@ import templatePage from "./templatePage.json"
 import templatesPage from "./templatesPage.json"
 import workspacePage from "./workspacePage.json"
 import agent from "./agent.json"
+import buildPage from "./buildPage.json"
 
 export const en = {
   common,
@@ -14,4 +15,5 @@ export const en = {
   templatesPage,
   createWorkspacePage,
   agent,
+  buildPage,
 }
