adding toastr and stuff

package-lock.json

@@ -14,6 +14,7 @@
         "next": "12.0.7",
         "react": "17.0.2",
         "react-dom": "17.0.2",
+        "react-hot-toast": "^2.2.0",
         "react-icons": "^4.3.1",
         "react-moment": "^1.1.1"
       },
@@ -7757,6 +7758,35 @@
         "react": "17.0.2"
       }
     },
+    "node_modules/react-hot-toast": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.2.0.tgz",
+      "integrity": "sha512-248rXw13uhf/6TNDVzagX+y7R8J183rp7MwUMNkcrBRyHj/jWOggfXTGlM8zAOuh701WyVW+eUaWG2LeSufX9g==",
+      "dependencies": {
+        "goober": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
+    "node_modules/react-hot-toast/node_modules/csstype": {
+      "version": "2.6.19",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.19.tgz",
+      "integrity": "sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ==",
+      "peer": true
+    },
+    "node_modules/react-hot-toast/node_modules/goober": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.7.tgz",
+      "integrity": "sha512-aCR8u3A/tTgSrZAHfJObhYC0xgdKoYm4GvE/UFmxmzgvj3TSF+3oFYWtmJ459WBewjOIoEsoOG81sDs1rn+W5w==",
+      "peerDependencies": {
+        "csstype": "^2.6.2"
+      }
+    },
     "node_modules/react-icons": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
@@ -15123,6 +15153,28 @@
         "scheduler": "^0.20.2"
       }
     },
+    "react-hot-toast": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.2.0.tgz",
+      "integrity": "sha512-248rXw13uhf/6TNDVzagX+y7R8J183rp7MwUMNkcrBRyHj/jWOggfXTGlM8zAOuh701WyVW+eUaWG2LeSufX9g==",
+      "requires": {
+        "goober": "^2.1.1"
+      },
+      "dependencies": {
+        "csstype": {
+          "version": "2.6.19",
+          "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.19.tgz",
+          "integrity": "sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ==",
+          "peer": true
+        },
+        "goober": {
+          "version": "2.1.7",
+          "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.7.tgz",
+          "integrity": "sha512-aCR8u3A/tTgSrZAHfJObhYC0xgdKoYm4GvE/UFmxmzgvj3TSF+3oFYWtmJ459WBewjOIoEsoOG81sDs1rn+W5w==",
+          "requires": {}
+        }
+      }
+    },
     "react-icons": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",

package.json

@@ -16,6 +16,7 @@
     "next": "12.0.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-hot-toast": "^2.2.0",
     "react-icons": "^4.3.1",
     "react-moment": "^1.1.1"
   },

pages/_app.js

@@ -1,8 +1,9 @@
-import '../styles/globals.css'
+import "../styles/globals.css";
-import 'antd/dist/antd.css';
+import "antd/dist/antd.css";
-import Head from 'next/head'
+import Head from "next/head";
-import { AuthProvider } from '../contexts/authContext'
+import { AuthProvider } from "../contexts/authContext";
-import SiteLayout from '../components/Layouts/SiteLayout'
+import SiteLayout from "../components/Layouts/SiteLayout";
+import { Toaster } from "react-hot-toast";
 
 function MyApp({ Component, pageProps }) {
   return (
@@ -10,8 +11,10 @@ function MyApp({ Component, pageProps }) {
       <AuthProvider>
         <Component {...pageProps} />
       </AuthProvider>
+
+      <Toaster />
     </SiteLayout>
-  )
+  );
 }
 
-export default MyApp
+export default MyApp;