Jul 14, 2022 · Jul 13, 2022 · Jul 14, 2022
diff --git a/site/htmlTemplates/index.html b/site/htmlTemplates/index.html
    data-statuscode="{{ .APIResponse.StatusCode }}"
    data-message="{{ .APIResponse.Message }}"
  />
  <link rel="mask-icon" href="/static/favicon.svg" color="#000000" crossorigin="use-credentials" />
  <link rel="alternate icon" type="image/png" href="/favicon.png" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <!-- We need to set data-react-helmet to be able to override it in the workspace page -->
  <link
    rel="alternate icon"
    type="image/png"
    href="/favicons/favicon.png"
    data-react-helmet="true"
  />
  <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" data-react-helmet="true" />
 </head>

 <body>
diff --git a/site/src/pages/WorkspacePage/WorkspacePage.tsx b/site/src/pages/WorkspacePage/WorkspacePage.tsx
 import { Workspace } from "../../components/Workspace/Workspace"
 import { firstOrItem } from "../../util/array"
 import { pageTitle } from "../../util/page"
 import { getFaviconByStatus } from "../../util/workspace"
 import { selectUser } from "../../xServices/auth/authSelectors"
 import { XServiceContext } from "../../xServices/StateContext"
 import { workspaceMachine } from "../../xServices/workspace/workspaceXService"
  } else if (!workspace) {
    return <FullScreenLoader />
  } else {
    const favicon = getFaviconByStatus(workspace.latest_build)
    return (
      <>
        <Helmet>
          <title>{pageTitle(`${workspace.owner_name}/${workspace.name}`)}</title>
          <link rel="alternate icon" type="image/png" href={`/favicons/${favicon}.png`} />
          <link rel="icon" type="image/svg+xml" href={`/favicons/${favicon}.svg`} />
        </Helmet>

        <Workspace
diff --git a/site/src/util/workspace.ts b/site/src/util/workspace.ts
    deadline: fourHoursFromNow.format(),
  }
 }

 // You can see the favicon designs here: https://www.figma.com/file/YIGBkXUcnRGz2ZKNmLaJQf/Coder-v2-Design?node-id=560%3A620

 type FaviconType =
  | "favicon"
  | "favicon-success"
  | "favicon-error"
  | "favicon-warning"
  | "favicon-running"

 export const getFaviconByStatus = (build: TypesGen.WorkspaceBuild): FaviconType => {
  const status = getWorkspaceStatus(build)
  switch (status) {
    case undefined:
      return "favicon"
    case "started":
      return "favicon-success"
    case "starting":
      return "favicon-running"
    case "stopping":
      return "favicon-running"
    case "stopped":
      return "favicon"
    case "deleting":
      return "favicon"
    case "deleted":
      return "favicon"
    case "canceling":
      return "favicon-warning"
    case "canceled":
      return "favicon"
    case "error":
      return "favicon-error"
    case "queued":
      return "favicon"
  }
  throw new Error("unknown status " + status)
 }
diff --git a/site/static/favicon.png b/site/static/favicon.png
diff --git a/site/static/favicon.svg b/site/static/favicon.svg
diff --git a/site/static/favicons/favicon-error.png b/site/static/favicons/favicon-error.png
diff --git a/site/static/favicons/favicon-error.svg b/site/static/favicons/favicon-error.svg
diff --git a/site/static/favicons/favicon-running.png b/site/static/favicons/favicon-running.png
diff --git a/site/static/favicons/favicon-running.svg b/site/static/favicons/favicon-running.svg
diff --git a/site/static/favicons/favicon-success.png b/site/static/favicons/favicon-success.png
diff --git a/site/static/favicons/favicon-success.svg b/site/static/favicons/favicon-success.svg
diff --git a/site/static/favicons/favicon-warning.png b/site/static/favicons/favicon-warning.png
diff --git a/site/static/favicons/favicon-warning.svg b/site/static/favicons/favicon-warning.svg
diff --git a/site/static/favicons/favicon.png b/site/static/favicons/favicon.png
Original file line number	Diff line number	Diff line change
Expand Up		@@ -22,9 +22,14 @@
		data-statuscode="{{ .APIResponse.StatusCode }}"
		data-message="{{ .APIResponse.Message }}"
		/>
		<link rel="mask-icon" href="/static/favicon.svg" color="#000000" crossorigin="use-credentials" />
		<link rel="alternate icon" type="image/png" href="/favicon.png" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<!-- We need to set data-react-helmet to be able to override it in the workspace page -->
		<link
		rel="alternate icon"
		type="image/png"
		href="/favicons/favicon.png"
		data-react-helmet="true"
		/>
		<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" data-react-helmet="true" />
		</head>

		<body>
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,6 +10,7 @@ import { FullScreenLoader } from "../../components/Loader/FullScreenLoader"
		import { Workspace } from "../../components/Workspace/Workspace"
		import { firstOrItem } from "../../util/array"
		import { pageTitle } from "../../util/page"
		import { getFaviconByStatus } from "../../util/workspace"
		import { selectUser } from "../../xServices/auth/authSelectors"
		import { XServiceContext } from "../../xServices/StateContext"
		import { workspaceMachine } from "../../xServices/workspace/workspaceXService"
Expand DownExpand Up		@@ -50,10 +51,13 @@ export const WorkspacePage: React.FC = () => {
		} else if (!workspace) {
		return <FullScreenLoader />
		} else {
		const favicon = getFaviconByStatus(workspace.latest_build)
		return (
		<>
		<Helmet>
		<title>{pageTitle(`${workspace.owner_name}/${workspace.name}`)}</title>
		<link rel="alternate icon" type="image/png" href={`/favicons/${favicon}.png`} />
		<link rel="icon" type="image/svg+xml" href={`/favicons/${favicon}.svg`} />
		</Helmet>

		<Workspace
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -281,3 +281,41 @@ export const defaultWorkspaceExtension = (
		deadline: fourHoursFromNow.format(),
		}
		}

		// You can see the favicon designs here: https://www.figma.com/file/YIGBkXUcnRGz2ZKNmLaJQf/Coder-v2-Design?node-id=560%3A620

		type FaviconType =
		\| "favicon"
		\| "favicon-success"
		\| "favicon-error"
		\| "favicon-warning"
		\| "favicon-running"

		export const getFaviconByStatus = (build: TypesGen.WorkspaceBuild): FaviconType => {
		const status = getWorkspaceStatus(build)
		switch (status) {
		case undefined:
		return "favicon"
		case "started":
		return "favicon-success"
		case "starting":
		return "favicon-running"
		case "stopping":
		return "favicon-running"
		case "stopped":
		return "favicon"
		case "deleting":
		return "favicon"
		case "deleted":
		return "favicon"
		case "canceling":
		return "favicon-warning"
		case "canceled":
		return "favicon"
		case "error":
		return "favicon-error"
		case "queued":
		return "favicon"
		}
		throw new Error("unknown status " + status)
		}