From 4b64142ec6957bd1a11cc6151c2fbfd9577366ef Mon Sep 17 00:00:00 2001
From: Bruno <bruno@coder.com>
Date: Mon, 23 May 2022 20:27:33 +0000
Subject: [PATCH 1/2] fix: Fix template label

---
 site/src/components/WorkspaceStats/WorkspaceStats.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/WorkspaceStats/WorkspaceStats.tsx b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
index d22e91e0eee1c..cf1633a33800b 100644
--- a/site/src/components/WorkspaceStats/WorkspaceStats.tsx
+++ b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
@@ -20,7 +20,7 @@ export const WorkspaceStats: React.FC<WorkspaceStatsProps> = ({ workspace }) =>
   return (
     <div className={styles.stats}>
       <div className={styles.statItem}>
-        <span className={styles.statsLabel}>Workspace</span>
+        <span className={styles.statsLabel}>Template</span>
         <Link
           component={RouterLink}
           to={`/templates/${workspace.template_name}`}

From 45f7885f9583f35c70c1af25ba776155b7abff9a Mon Sep 17 00:00:00 2001
From: Bruno <bruno@coder.com>
Date: Tue, 24 May 2022 12:22:13 +0000
Subject: [PATCH 2/2] Move copy to language

---
 .../WorkspaceStats/WorkspaceStats.tsx         | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/site/src/components/WorkspaceStats/WorkspaceStats.tsx b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
index cf1633a33800b..8473a55c0bed2 100644
--- a/site/src/components/WorkspaceStats/WorkspaceStats.tsx
+++ b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
@@ -8,6 +8,15 @@ import { CardRadius, MONOSPACE_FONT_FAMILY } from "../../theme/constants"
 import { combineClasses } from "../../util/combineClasses"
 import { getDisplayStatus } from "../../util/workspace"
 
+const Language = {
+  templateLabel: "Template",
+  statusLabel: "Status",
+  versionLabel: "Version",
+  lastBuiltLabel: "Last Built",
+  outdated: "Outdated",
+  upToDate: "Up to date",
+}
+
 export interface WorkspaceStatsProps {
   workspace: Workspace
 }
@@ -20,7 +29,7 @@ export const WorkspaceStats: React.FC<WorkspaceStatsProps> = ({ workspace }) =>
   return (
     <div className={styles.stats}>
       <div className={styles.statItem}>
-        <span className={styles.statsLabel}>Template</span>
+        <span className={styles.statsLabel}>{Language.templateLabel}</span>
         <Link
           component={RouterLink}
           to={`/templates/${workspace.template_name}`}
@@ -31,7 +40,7 @@ export const WorkspaceStats: React.FC<WorkspaceStatsProps> = ({ workspace }) =>
       </div>
       <div className={styles.statsDivider} />
       <div className={styles.statItem}>
-        <span className={styles.statsLabel}>Status</span>
+        <span className={styles.statsLabel}>{Language.statusLabel}</span>
         <span className={styles.statsValue}>
           <span style={{ color: status.color }} role="status">
             {status.status}
@@ -40,18 +49,18 @@ export const WorkspaceStats: React.FC<WorkspaceStatsProps> = ({ workspace }) =>
       </div>
       <div className={styles.statsDivider} />
       <div className={styles.statItem}>
-        <span className={styles.statsLabel}>Version</span>
+        <span className={styles.statsLabel}>{Language.versionLabel}</span>
         <span className={styles.statsValue}>
           {workspace.outdated ? (
-            <span style={{ color: theme.palette.error.main }}>outdated</span>
+            <span style={{ color: theme.palette.error.main }}>{Language.outdated}</span>
           ) : (
-            <span style={{ color: theme.palette.text.secondary }}>up to date</span>
+            <span style={{ color: theme.palette.text.secondary }}>{Language.upToDate}</span>
           )}
         </span>
       </div>
       <div className={styles.statsDivider} />
       <div className={styles.statItem}>
-        <span className={styles.statsLabel}>Last Built</span>
+        <span className={styles.statsLabel}>{Language.lastBuiltLabel}</span>
         <span className={styles.statsValue}>{dayjs().to(dayjs(workspace.latest_build.created_at))}</span>
       </div>
     </div>