Add translation

coder · BrunoQuaresma · Oct 27, 2022 · Oct 27, 2022 · Oct 27, 2022 · Oct 27, 2022
commit 6c5cfd555154df540aab5a1abaeb346decdcd786
diff --git a/site/src/components/AppLink/ShareIcon.tsx b/site/src/components/AppLink/ShareIcon.tsx
@@ -4,21 +4,24 @@ import GroupOutlinedIcon from "@material-ui/icons/GroupOutlined"
 import { FC } from "react"
 import * as TypesGen from "../../api/typesGenerated"
 import Tooltip from "@material-ui/core/Tooltip"
+import { useTranslation } from "react-i18next"
 
 export interface ShareIconProps {
   app: TypesGen.WorkspaceApp
 }
 
 export const ShareIcon: FC<ShareIconProps> = ({ app }) => {
+  const { t } = useTranslation("agent")
+
   let shareIcon = <LockOutlinedIcon />
-  let shareTooltip = "Private, only accessible by you"
+  let shareTooltip = t("shareTooltip.private")
   if (app.sharing_level === "authenticated") {
     shareIcon = <GroupOutlinedIcon />
-    shareTooltip = "Shared with all authenticated users"
+    shareTooltip = t("shareTooltip.authenticated")
   }
   if (app.sharing_level === "public") {
     shareIcon = <PublicOutlinedIcon />
-    shareTooltip = "Shared publicly"
+    shareTooltip = t("shareTooltip.public")
   }
 
   return <Tooltip title={shareTooltip}>{shareIcon}</Tooltip>

diff --git a/site/src/i18n/en/agent.json b/site/src/i18n/en/agent.json
@@ -0,0 +1,7 @@
+{
+  "shareTooltip": {
+    "private": "Private, only accessible by you",
+    "authenticated": "Shared with all authenticated users",
+    "public": "Shared publicly"
+  }
+}
diff --git a/site/src/i18n/en/index.ts b/site/src/i18n/en/index.ts
@@ -4,6 +4,7 @@ import createWorkspacePage from "./createWorkspacePage.json"
 import templatePage from "./templatePage.json"
 import templatesPage from "./templatesPage.json"
 import workspacePage from "./workspacePage.json"
+import agent from "./agent.json"
 
 export const en = {
   common,
@@ -12,4 +13,5 @@ export const en = {
   templatePage,
   templatesPage,
   createWorkspacePage,
+  agent,
 }