Format

presleyp · presleyp · commit 799491711ac1 · 2022-10-11T22:46:23.000Z
diff --git a/site/src/components/WorkspaceScheduleButton/EditHours.tsx b/site/src/components/WorkspaceScheduleButton/EditHours.tsx
@@ -19,7 +19,9 @@ export const EditHours = ({ handleSubmit }: EditHoursProps): JSX.Element => {
         onChange={(e) => setHours(parseInt(e.target.value))}
         type="number"
       />
-      <Button type="submit">{t("workspaceScheduleButton.submitDeadline")}</Button>
+      <Button type="submit">
+        {t("workspaceScheduleButton.submitDeadline")}
+      </Button>
     </form>
   )
 }
diff --git a/site/src/components/WorkspaceScheduleButton/WorkspaceScheduleButton.tsx b/site/src/components/WorkspaceScheduleButton/WorkspaceScheduleButton.tsx
@@ -218,11 +218,13 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
   },
   addButton: {
     borderRadius: theme.shape.borderRadius,
-    backgroundColor: ({ editMode }) => editMode === "add" ? theme.palette.primary.main : "inherit"
+    backgroundColor: ({ editMode }) =>
+      editMode === "add" ? theme.palette.primary.main : "inherit",
   },
   subtractButton: {
     borderRadius: theme.shape.borderRadius,
-    backgroundColor: ({ editMode }) => editMode === "subtract" ? theme.palette.primary.main : "inherit"
+    backgroundColor: ({ editMode }) =>
+      editMode === "subtract" ? theme.palette.primary.main : "inherit",
   },
   popoverPaper: {
     padding: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(
diff --git a/site/src/components/WorkspaceScheduleButton/WorkspaceScheduleLabel.tsx b/site/src/components/WorkspaceScheduleButton/WorkspaceScheduleLabel.tsx
@@ -4,33 +4,43 @@ import { Maybe } from "components/Conditionals/Maybe"
 import { useTranslation } from "react-i18next"
 import { Workspace } from "../../api/typesGenerated"
 import { combineClasses } from "../../util/combineClasses"
-import { autoStartDisplay, autoStopDisplay, isShuttingDown } from "../../util/schedule"
+import {
+  autoStartDisplay,
+  autoStopDisplay,
+  isShuttingDown,
+} from "../../util/schedule"
 import { isWorkspaceOn } from "../../util/workspace"
 
-export const WorkspaceScheduleLabel: React.FC<{ workspace: Workspace }> = ({ workspace }) => {
+export const WorkspaceScheduleLabel: React.FC<{ workspace: Workspace }> = ({
+  workspace,
+}) => {
   const styles = useStyles()
   const { t } = useTranslation("common")
 
-  return <ChooseOne>
-    <Cond condition={isWorkspaceOn(workspace)}>
-      <span className={combineClasses([styles.labelText, "chromatic-ignore"])}>
-        <Maybe condition={!isShuttingDown(workspace)}>
-          <strong>{t("schedule.autoStopLabel")}</strong>
-        </Maybe>
-        {" "}
-        <span className={styles.value}>
-          {autoStopDisplay(workspace)}
+  return (
+    <ChooseOne>
+      <Cond condition={isWorkspaceOn(workspace)}>
+        <span
+          className={combineClasses([styles.labelText, "chromatic-ignore"])}
+        >
+          <Maybe condition={!isShuttingDown(workspace)}>
+            <strong>{t("schedule.autoStopLabel")}</strong>
+          </Maybe>{" "}
+          <span className={styles.value}>{autoStopDisplay(workspace)}</span>
         </span>
-      </span>
-    </Cond>
-    <Cond>
-      <span className={combineClasses([styles.labelText, "chromatic-ignore"])}>
-        <strong>{t("schedule.autoStartLabel")}</strong>
-        {" "}
-        <span className={styles.value}>{autoStartDisplay(workspace.autostart_schedule)}</span>
-      </span>
-    </Cond>
-  </ChooseOne>
+      </Cond>
+      <Cond>
+        <span
+          className={combineClasses([styles.labelText, "chromatic-ignore"])}
+        >
+          <strong>{t("schedule.autoStartLabel")}</strong>{" "}
+          <span className={styles.value}>
+            {autoStartDisplay(workspace.autostart_schedule)}
+          </span>
+        </span>
+      </Cond>
+    </ChooseOne>
+  )
 }
 
 const useStyles = makeStyles((theme) => ({

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,9 @@ export const EditHours = ({ handleSubmit }: EditHoursProps): JSX.Element => {`
`19`	`19`	`onChange={(e) => setHours(parseInt(e.target.value))}`
`20`	`20`	`type="number"`
`21`	`21`	`/>`
`22`		`- <Button type="submit">{t("workspaceScheduleButton.submitDeadline")}</Button>`
	`22`	`+ <Button type="submit">`
	`23`	`+ {t("workspaceScheduleButton.submitDeadline")}`
	`24`	`+ </Button>`
`23`	`25`	`</form>`
`24`	`26`	`)`
`25`	`27`	`}`