added toaster

package.json

@@ -13,7 +13,7 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.1",
     "react-scripts": "^5.0.1",
-    "react-toastify": "^9.0.7",
+    "react-toastify": "^9.0.8",
     "sass": "^1.49.9",
     "web-vitals": "^2.1.4"
   },

src/App.js

@@ -1,14 +1,12 @@
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 
 import Home from "./pages/Home/Home";
-import Navbar from "./components/Navbar/Navbar";
 import Teams from "./pages/Team/Teams";
 
 function App() {
 
   return (
     <Router>
-      <Navbar />
       <Routes>
         <Route path="/" exact element={<Home />} />
         <Route path="/teams" exact element={<Teams />} />

src/pages/Home/Home.jsx

@@ -7,10 +7,12 @@ import Events from "./components/Events/Events";
 import JoinCommunity from "./components/JoinCommunity/JoinCommunity";
 import Footer from "./components/Footer/Footer";
 import Gallery from "./components/Gallery/Gallery";
+import Navbar from "../../components/Navbar/Navbar";
 
 const Home = () => {
   return (
     <div className="home">
+      <Navbar />
       <Title />
       <About />
       <Moto />

src/pages/Home/components/JoinCommunity/JoinCommunity.jsx

@@ -5,13 +5,12 @@ import axios from "axios";
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
-import CalendarSVG from "../../../../assets/illustrations/calendar.svg";
 import CommunitySVG from "../../../../assets/illustrations/community.svg";
 
 const secretKey = process.env.SECRET
 
 const JoinCommunity = () => {
-  const [input, setInput] = useState(false);
+  const [input, setInput] = useState(" ");
 
   const notify = () =>
     toast("Subscribed Successfully", {
@@ -38,7 +37,10 @@ const JoinCommunity = () => {
         }
       )
       .then((res) => {
-        console.log(res);
+        if (res.status === 200 || res.status === 201 || res.status === 202) {
+          notify();
+          setInput("");
+        }
       })
       .catch((err) => {
         console.log(err);
@@ -59,14 +61,16 @@ const JoinCommunity = () => {
           </div>
           <div className="input-box">
             <input
+              id="mainInput"
               type="email"
               placeholder="Your work email address"
               onChange={(e) => {
                 e.preventDefault();
                 setInput(e.target.value);
               }}
             />
-            <button onClick={handleInput}>Subscribe</button>
+            <button type="submit" onClick={handleInput}>Subscribe</button>
+            <ToastContainer />
           </div>
         </div>
       </div>