fix

@@ -71,6 +71,7 @@ function App() {
     // fetch response to the api combining the chat log array of messages and seinding it as a message to localhost:3000 as a post
     const messages = chatLogNew.map((message) => message.message).join("\n")
 
+    try {
       const response = await fetch(process.env.REACT_APP_SERVER_URL + "/api", {
         method: "POST",
         headers: {
@@ -103,6 +104,11 @@ function App() {
       // setChatLog([...chatLogNew, { user: "gpt", message: `<div>${parsedData}</div>`} ])
       var scrollToTheBottomChatLog = document.getElementsByClassName("chat-log")[0];
       scrollToTheBottomChatLog.scrollTop = scrollToTheBottomChatLog.scrollHeight;
+    } catch (error) {
+      const errorMsg = "We are currently experiencing heavy flow as of the moment, please try again.";
+      setChatLog([...chatLogNew, { user: "gpt", message: `<div class="errormsg">${errorMsg}</div>`} ])
+      // res.status(500).send(error || 'Something went wrong');
+    }
   }
 
   function handleTemp(temp) {

@@ -2,6 +2,13 @@
   background-color: #101827 !important;
 }
 
+.errormsg {
+    border: 1px solid red;
+    padding: 15px 25px;
+    border-radius: 10px;
+    background: rgb(255 0 0 / 15%);
+}
+
 .side-menu-button {
   border:0 solid white;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */