Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 58e3a2de by jaymehta
Options

.

1 parent fc1b4ee3
Inline Side-by-side
Showing 1 changed file with 48 additions and 44 deletions
components/layout/Generics/GenericLayout.js
...@@ -8,50 +8,54 @@ import { getActivitiesForAdmin } from "../../../redux/actions/activityAction"; ...@@ -8,50 +8,54 @@ import { getActivitiesForAdmin } from "../../../redux/actions/activityAction";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
export const GenericLayout = ({ children }) => { export const GenericLayout = ({ children }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
const router = useRouter(); const router = useRouter();
const [isRoute, setIsRoute] = useState(""); const [isRoute, setIsRoute] = useState("");
useEffect(() => { useEffect(() => {
const adminUri = router.pathname.includes('admin'); const adminUri = router.pathname.includes("admin");
const vendorUri = router.pathname.includes('vendor'); const vendorUri = router.pathname.includes("vendor");
setIsRoute(adminUri ? 'admin' : vendorUri ? 'vendor' : ''); setIsRoute(adminUri ? "admin" : vendorUri ? "vendor" : "");
console.log('isRoute:', isRoute); console.log("isRoute:", isRoute);
}, [router.pathname]); }, [router.pathname]);
useEffect(() => { useEffect(() => {
dispatch(loadUser()); dispatch(loadUser());
dispatch(getVendorDetails()); dispatch(getVendorDetails());
dispatch(getActivitiesForAdmin({})); dispatch(getActivitiesForAdmin({}));
}, []); }, []);
const { vendorDetails } = useSelector(state => state.vendorDetails); const { vendorDetails } = useSelector(state => state.vendorDetails);
const { loadedUser } = useSelector(state => state.loadedUser); const { loadedUser } = useSelector(state => state.loadedUser);
return ( 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 <div
style={{ style={{
height: '100vh', width: "85%",
width: '100vw' overflowY: "auto"
}} }}
> >
<GenericHeader {children}
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>
</div> </div>
)
}
\ No newline at end of file \ No newline at end of file
</div>
</div>
);
};
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!