From 3f52e6402464ee688aa39490a70bb1a4e629c0d8 Mon Sep 17 00:00:00 2001
From: G r e y <grey@coder.com>
Date: Tue, 24 May 2022 06:01:55 +0000
Subject: [PATCH] refactor: resource strings in WorkspaceSchedule

---
 .../WorkspaceSchedule/WorkspaceSchedule.tsx   | 74 ++++++++++---------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx b/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx
index 8e3b33af0f52d..f15a731f89089 100644
--- a/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx
+++ b/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx
@@ -15,42 +15,44 @@ import { Stack } from "../Stack/Stack"
 dayjs.extend(duration)
 dayjs.extend(relativeTime)
 
-const autoStartLabel = (schedule: string): string => {
-  const prefix = "Start"
-
-  if (schedule) {
-    return `${prefix} (${extractTimezone(schedule)})`
-  } else {
-    return prefix
-  }
-}
-
-const autoStartDisplay = (schedule: string): string => {
-  if (schedule) {
-    return cronstrue.toString(stripTimezone(schedule), { throwExceptionOnParseError: false })
-  }
-  return "Manual"
-}
+const Language = {
+  autoStartDisplay: (schedule: string): string => {
+    if (schedule) {
+      return cronstrue.toString(stripTimezone(schedule), { throwExceptionOnParseError: false })
+    }
+    return "Manual"
+  },
+  autoStartLabel: (schedule: string): string => {
+    const prefix = "Start"
 
-const autoStopDisplay = (workspace: Workspace): string => {
-  const latest = workspace.latest_build
+    if (schedule) {
+      return `${prefix} (${extractTimezone(schedule)})`
+    } else {
+      return prefix
+    }
+  },
+  autoStopDisplay: (workspace: Workspace): string => {
+    const latest = workspace.latest_build
 
-  if (!workspace.ttl || workspace.ttl < 1) {
-    return "Manual"
-  }
+    if (!workspace.ttl || workspace.ttl < 1) {
+      return "Manual"
+    }
 
-  if (latest.transition === "start") {
-    const now = dayjs()
-    const updatedAt = dayjs(latest.updated_at)
-    const deadline = updatedAt.add(workspace.ttl / 1_000_000, "ms")
-    if (now.isAfter(deadline)) {
-      return "Workspace is shutting down now"
+    if (latest.transition === "start") {
+      const now = dayjs()
+      const updatedAt = dayjs(latest.updated_at)
+      const deadline = updatedAt.add(workspace.ttl / 1_000_000, "ms")
+      if (now.isAfter(deadline)) {
+        return "Workspace is shutting down now"
+      }
+      return now.to(deadline)
     }
-    return now.to(deadline)
-  }
 
-  const duration = dayjs.duration(workspace.ttl / 1_000_000, "milliseconds")
-  return `${duration.humanize()} after start`
+    const duration = dayjs.duration(workspace.ttl / 1_000_000, "milliseconds")
+    return `${duration.humanize()} after start`
+  },
+  editScheduleLink: "Edit schedule",
+  schedule: "Schedule",
 }
 
 export interface WorkspaceScheduleProps {
@@ -65,18 +67,18 @@ export const WorkspaceSchedule: React.FC<WorkspaceScheduleProps> = ({ workspace
       <Stack spacing={2}>
         <Typography variant="body1" className={styles.title}>
           <ScheduleIcon className={styles.scheduleIcon} />
-          Schedule
+          {Language.schedule}
         </Typography>
         <div>
-          <span className={styles.scheduleLabel}>{autoStartLabel(workspace.autostart_schedule)}</span>
-          <span className={styles.scheduleValue}>{autoStartDisplay(workspace.autostart_schedule)}</span>
+          <span className={styles.scheduleLabel}>{Language.autoStartLabel(workspace.autostart_schedule)}</span>
+          <span className={styles.scheduleValue}>{Language.autoStartDisplay(workspace.autostart_schedule)}</span>
         </div>
         <div>
           <span className={styles.scheduleLabel}>Shutdown</span>
-          <span className={styles.scheduleValue}>{autoStopDisplay(workspace)}</span>
+          <span className={styles.scheduleValue}>{Language.autoStopDisplay(workspace)}</span>
         </div>
         <div>
-          <Link className={styles.scheduleAction}>Edit schedule</Link>
+          <Link className={styles.scheduleAction}>{Language.editScheduleLink}</Link>
         </div>
       </Stack>
     </div>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/coder/coder/pull/1702.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/coder/coder/pull/1702.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/coder/coder/pull/1702.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/coder/coder/pull/1702.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>