Add translations to preview card

BrunoQuaresma · BrunoQuaresma · commit ecb41a9bd4da · 2022-10-27T20:12:49.000Z
diff --git a/site/src/components/Resources/AgentRowPreview.tsx b/site/src/components/Resources/AgentRowPreview.tsx
@@ -1,6 +1,7 @@
 import { makeStyles } from "@material-ui/core/styles"
 import { AppPreviewLink } from "components/AppLink/AppPreviewLink"
 import { FC } from "react"
+import { useTranslation } from "react-i18next"
 import { combineClasses } from "util/combineClasses"
 import { WorkspaceAgent } from "../../api/typesGenerated"
 import { Stack } from "../Stack/Stack"
@@ -11,6 +12,7 @@ export interface AgentRowPreviewProps {
 
 export const AgentRowPreview: FC<AgentRowPreviewProps> = ({ agent }) => {
   const styles = useStyles()
+  const { t } = useTranslation("agent")
 
   return (
     <Stack
@@ -36,7 +38,7 @@ export const AgentRowPreview: FC<AgentRowPreviewProps> = ({ agent }) => {
             spacing={1}
             className={combineClasses([styles.noShrink, styles.agentDataItem])}
           >
-            <span>Agent:</span>
+            <span>{t("label.agent").toString()}:</span>
             <span className={styles.agentDataValue}>{agent.name}</span>
           </Stack>
 
@@ -46,7 +48,7 @@ export const AgentRowPreview: FC<AgentRowPreviewProps> = ({ agent }) => {
             spacing={1}
             className={combineClasses([styles.noShrink, styles.agentDataItem])}
           >
-            <span>OS:</span>
+            <span>{t("label.os").toString()}:</span>
             <span
               className={combineClasses([
                 styles.agentDataValue,
@@ -63,7 +65,7 @@ export const AgentRowPreview: FC<AgentRowPreviewProps> = ({ agent }) => {
             spacing={1}
             className={styles.agentDataItem}
           >
-            <span>Apps:</span>
+            <span>{t("label.apps").toString()}:</span>
             <Stack
               direction="row"
               alignItems="center"
diff --git a/site/src/i18n/en/agent.json b/site/src/i18n/en/agent.json
@@ -3,5 +3,10 @@
     "private": "Private, only accessible by you",
     "authenticated": "Shared with all authenticated users",
     "public": "Shared publicly"
+  },
+  "labels": {
+    "agent": "Agent",
+    "os": "OS",
+    "apps": "Apps"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,10 @@`
`3`	`3`	`"private": "Private, only accessible by you",`
`4`	`4`	`"authenticated": "Shared with all authenticated users",`
`5`	`5`	`"public": "Shared publicly"`
	`6`	`+ },`
	`7`	`+ "labels": {`
	`8`	`+ "agent": "Agent",`
	`9`	`+ "os": "OS",`
	`10`	`+ "apps": "Apps"`
`6`	`11`	`}`
`7`	`12`	`}`