Detect expired dashboard logins and redirect to the splash page

backend/src/api/auth.ts

@@ -167,7 +167,7 @@ export function apiTokenAuthHandlers() {
   return [
     passport.authenticate("api-token", { failWithError: true }),
     (err, req: Request, res: Response, next) => {
-      return res.json({ error: err.message });
+      return res.status(401).json({ error: err.message });
     },
   ];
 }

dashboard/src/api.ts

@@ -30,6 +30,11 @@ function buildQueryString(params: QueryParamObject) {
 export function request(resource, fetchOpts: RequestInit = {}) {
   return fetch(`${apiUrl}/${resource}`, fetchOpts).then(async res => {
     if (!res.ok) {
+      if (res.status === 401) {
+        RootStore.dispatch("auth/expiredLogin");
+        return;
+      }
+
       const body = await res.json();
       throw new ApiError(res.statusText, body, res.status, res);
     }

dashboard/src/main.ts

@@ -22,6 +22,7 @@ if (window.location.pathname !== "/") {
 
     const errorMessages = {
       noAccess: "No dashboard access. If you think this is a mistake, please contact your server owner.",
+      expiredLogin: "Dashboard login expired. Please log in again.",
     };
 
     const errorMessageElem = document.createElement("div");

dashboard/src/store/auth.ts

@@ -71,6 +71,11 @@ export const AuthStore: Module<AuthState, RootState> = {
       await post("auth/logout");
       await dispatch("clearApiKey");
     },
+
+    async expiredLogin({ dispatch }) {
+      await dispatch("clearApiKey");
+      window.location.assign("/?error=expiredLogin");
+    },
   },
 
   mutations: {