added server down screen

kodingkeun · Jul 28, 2024 · 04a5147 · 04a5147
1 parent ced90e2
commit 04a5147
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Roast Github</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,14 +1,16 @@
 import "./App.css";
 import Footer from "./components/Footer";
-import Main from "./components/Main";
+// import Main from "./components/Main";
 import Navbar from "./components/Navbar";
+import ServerDown from "./components/ServerDown";
 
 function App() {
   return (
     <>
       <div className="h-[100vh] w-full font-montserrat flex flex-col justify-between">
         <Navbar />
-        <Main />
+        {/* <Main /> */}
+        <ServerDown />
         <Footer />
       </div>
     </>

diff --git a/src/components/Main.tsx b/src/components/Main.tsx
@@ -59,6 +59,7 @@ const Main = () => {
     } catch (error) {
       //   console.error("Error calling Gemini API:", error);
       setErrorMessage("An error occurred. Please try again later.");
+      setRoastMessage("");
       return error;
     }
   }

diff --git a/src/components/ServerDown.tsx b/src/components/ServerDown.tsx
@@ -0,0 +1,13 @@
+const ServerDown = () => {
+  return (
+    <div className="w-10/12 md:w-1/2 flex flex-col justify-center mx-auto text-red-600">
+      <h1 className="text-center">
+        Sorry for the inconvenience, we've hit the limits of Gemini API quota,
+        we'll be back soon, once it's fixed. Please come back after some time.
+      </h1>
+      <h1 className="text-center">Thank you for your patience!!</h1>
+    </div>
+  );
+};
+
+export default ServerDown;