frontend: Add backend server error (#813)

* Add backend server error * uncomment dockerfile * add key to msg
cohere-ai · Oct 16, 2024 · f428c55 · f428c55
1 parent 8dabb00
commit f428c55
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 8 deletions.
diff --git a/src/interfaces/assistants_web/src/app/(auth)/login/Login.tsx b/src/interfaces/assistants_web/src/app/(auth)/login/Login.tsx
@@ -81,10 +81,7 @@ const Login: React.FC = () => {
 
   return (
     <div className="flex flex-col items-center justify-center">
-      <Text
-        as="h1"
-        styleAs="h3"
-      >
+      <Text as="h1" styleAs="h3">
         Log in
       </Text>
       <div className="mt-10 flex w-full flex-col items-center gap-1">

diff --git a/src/interfaces/assistants_web/src/env.mjs b/src/interfaces/assistants_web/src/env.mjs
@@ -2,9 +2,24 @@
 import { createEnv } from '@t3-oss/env-nextjs';
 import z from 'zod';
 
+class ServerError extends Error {
+  constructor(message) {
+      super(message);
+      this.name = 'ServerError';
+  }
+}
+
 const readVariable = (key) => {
-  if (typeof window === 'undefined') return process.env[key];
-  return window.__ENV[key];
+  try {
+    if (typeof window === 'undefined'){
+      return process.env[key];
+    }
+    return window.__ENV[key];
+  } catch (err) {
+    throw new ServerError(
+      `${key} not configured, or the backend server is not running correctly.`
+    )
+  }
 };
 
 export const env = createEnv({

diff --git a/src/interfaces/coral_web/src/env.mjs b/src/interfaces/coral_web/src/env.mjs
@@ -2,11 +2,28 @@
 import { createEnv } from '@t3-oss/env-nextjs';
 import z from 'zod';
 
+
+class ServerError extends Error {
+  constructor(message) {
+      super(message);
+      this.name = 'ServerError';
+  }
+}
+
 const readVariable = (key) => {
-  if (typeof window === 'undefined') return process.env[key];
-  return window.__ENV[key];
+  try {
+    if (typeof window === 'undefined'){
+      return process.env[key];
+    }
+    return window.__ENV[key];
+  } catch (err) {
+    throw new ServerError(
+      `${key} not configured, or the backend server is not running correctly.`
+    )
+  }
 };
 
+
 export const env = createEnv({
   server: {
     API_HOSTNAME: z.string().default('http://backend:8000'),