working

frontend/src/App.js

@@ -0,0 +1,60 @@
+import React from "react";
+import { BrowserRouter, Route, Switch } from "react-router-dom";
+import { toast, ToastContainer } from "react-toastify";
+
+import Home from "./pages/Home/Home";
+import Chat from "./pages/Chat/Chat";
+import Profile from "./pages/Profile/Profile";
+import Signup from "./pages/Signup/Signup";
+import Login from "./pages/Login/Login";
+import "./App.css";
+
+const App = () => {
+	const showToast = (type, message) => {
+		switch (type) {
+			case 0:
+				toast.warning(message);
+				break;
+			case 1:
+				toast.success(message);
+				break;
+			default:
+				break;
+		}
+	};
+
+	return (
+		<BrowserRouter>
+			<ToastContainer
+				autoClose={2000}
+				hideProgressBar={true}
+				position={toast.POSITION.TOP_CENTER}
+			/>
+			<Switch>
+				<Route exact path="/" render={props => <Home />} />
+				<Route
+					exact
+					path="/login"
+					render={props => <Login showToast={showToast} />}
+				/>
+				<Route
+					exact
+					path="/profile"
+					render={props => <Profile showToast={showToast} />}
+				/>
+				<Route
+					exact
+					path="/signup"
+					render={props => <Signup showToast={showToast} />}
+				/>
+				<Route
+					exact
+					path="/chat"
+					render={props => <Chat showToast={showToast} />}
+				/>
+			</Switch>
+		</BrowserRouter>
+	);
+};
+
+export default App;