From 8aec5dbba627c842b340300b284f9be945f8cf4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Sun, 28 Jan 2024 15:57:51 +0100
Subject: [PATCH] error 500 catch and show

---
 client/homebrew/pages/archivePage/archivePage.jsx  | 10 +++++++++-
 client/homebrew/pages/archivePage/archivePage.less |  3 +--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index 7b3f6c40d..765fe1f38 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -41,7 +41,7 @@ const ArchivePage = createClass({
     this.setState({ searching: true, error: null });
     request
       .get(`/archive/${this.state.title}`)
-      .then((res) => this.setState({ brewCollection: res.body.brews }, this.setState({ limit: res.body.message})))
+      .then((res) => this.setState({ brewCollection: res.body.brews }, this.setState({ limit: res.body.message}, this.setState({ error: null}))))
       .catch((err) => this.setState({ error: err }))
       .finally(() => this.setState({ searching: false }));
   },
@@ -62,6 +62,14 @@ const ArchivePage = createClass({
   renderFoundBrews() {
     const brews = this.state.brewCollection;
     console.log('brews: ',brews);
+    if (this.state.error !== null) {
+      return(
+        <div className="foundBrews noBrews">
+        <h2>I'm sorry, your request didn't work</h2>
+        <p>Your search is not enough specific, too many brews meet this criteria for us to forward them.</p>
+      </div>
+      );
+    }
 
     if (!brews || brews.length === 0) {
       return(
diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index fe5430a81..5a6c03e41 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -11,9 +11,8 @@ body {
     height: 100%;
     background-color: #2C3E50;
 
-    h1,h2,h3 {
+    h1,h2,h3,p {
         font-family: 'Open Sans';
-        font-size: 30px;
         color: white;
         font-weight: 900;
     }