.

components/layout/Generics/GenericLayout.js

@@ -8,50 +8,54 @@ import { getActivitiesForAdmin } from "../../../redux/actions/activityAction";
 import { useRouter } from "next/router";
 
 export const GenericLayout = ({ children }) => {
-    const dispatch = useDispatch();
-    const router = useRouter();
-    const [isRoute, setIsRoute] = useState("");
-    useEffect(() => {
-        const adminUri = router.pathname.includes('admin');
-        const vendorUri = router.pathname.includes('vendor');
-        setIsRoute(adminUri ? 'admin' : vendorUri ? 'vendor' : '');
-        console.log('isRoute:', isRoute);
-    }, [router.pathname]);
-    useEffect(() => {
-        dispatch(loadUser());
-        dispatch(getVendorDetails());
-        dispatch(getActivitiesForAdmin({}));
-    }, []);
-    const { vendorDetails } = useSelector(state => state.vendorDetails);
-    const { loadedUser } = useSelector(state => state.loadedUser);
-    return (
+  const dispatch = useDispatch();
+  const router = useRouter();
+  const [isRoute, setIsRoute] = useState("");
+  useEffect(() => {
+    const adminUri = router.pathname.includes("admin");
+    const vendorUri = router.pathname.includes("vendor");
+    setIsRoute(adminUri ? "admin" : vendorUri ? "vendor" : "");
+    console.log("isRoute:", isRoute);
+  }, [router.pathname]);
+  useEffect(() => {
+    dispatch(loadUser());
+    dispatch(getVendorDetails());
+    dispatch(getActivitiesForAdmin({}));
+  }, []);
+  const { vendorDetails } = useSelector(state => state.vendorDetails);
+  const { loadedUser } = useSelector(state => state.loadedUser);
+  return (
+    <div
+      style={{
+        height: "100vh",
+        width: "100vw"
+      }}
+    >
+      <GenericHeader
+        venderBusiness={vendorDetails?.attributes?.businessName}
+        venderEmail={vendorDetails?.attributes?.email}
+        adminName={loadedUser?.username}
+        adminEmail={loadedUser?.email}
+        isRoute={isRoute}
+      />
+      <div
+        className="w-100 d-flex"
+        style={{
+          height: "calc(100vh - 80px)"
+        }}
+      >
+        <GenericSidebar isRoute={isRoute} />
+      <ToastContainer position="bottom-right" />
+
         <div
-            style={{
-                height: '100vh',
-                width: '100vw'
-            }}
+          style={{
+            width: "85%",
+            overflowY: "auto"
+          }}
         >
-            <GenericHeader
-                venderBusiness={vendorDetails?.attributes?.businessName}
-                venderEmail={vendorDetails?.attributes?.email}
-                adminName={loadedUser?.username}
-                adminEmail={loadedUser?.email}
-                isRoute={isRoute}
-            />
-            <div
-                className="w-100 d-flex"
-                style={{
-                    height: 'calc(100vh - 80px)',
-                }}
-            >
-                <GenericSidebar isRoute={isRoute} />
-                <div style={{
-                    width: '85%',
-                    overflowY: 'auto'
-                }}>
-                    {children}
-                </div>
-            </div>
+          {children}
         </div>
-    )
-}
\ No newline at end of file
+      </div>
+    </div>
+  );
+};