very wrong, but it technically works :^)

aslilac · aslilac · commit 61c25caab4ca · 2023-08-16T17:00:07.000Z
diff --git a/site/src/api/errors.ts b/site/src/api/errors.ts
@@ -88,3 +88,6 @@ export const getErrorDetail = (error: unknown): string | undefined | null =>
     : error instanceof Error
     ? `Please check the developer console for more details.`
     : null
+
+export const isAuthenticationError = (error: unknown): boolean =>
+  isApiError(error) && error.response.status === 401
diff --git a/site/src/components/Alert/ErrorAlert.tsx b/site/src/components/Alert/ErrorAlert.tsx
@@ -1,11 +1,19 @@
 import { AlertProps, Alert, AlertDetail } from "./Alert"
 import AlertTitle from "@mui/material/AlertTitle"
-import { getErrorMessage, getErrorDetail } from "api/errors"
+import {
+  getErrorMessage,
+  getErrorDetail,
+  isAuthenticationError,
+} from "api/errors"
 import { FC } from "react"
 
 export const ErrorAlert: FC<
   Omit<AlertProps, "severity" | "children"> & { error: unknown }
 > = ({ error, ...alertProps }) => {
+  if (isAuthenticationError(error)) {
+    location.href = "/login"
+  }
+
   const message = getErrorMessage(error, "Something went wrong.")
   const detail = getErrorDetail(error)
 
