updated profile layout
This commit was merged in pull request #66.
This commit is contained in:
@@ -1,16 +1,31 @@
|
||||
import React from 'react'
|
||||
import { Outlet, useLocation } from 'react-router-dom';
|
||||
import UserMenu from "./layoutcom/UserMenu";
|
||||
import UserHeader from "./layoutcom/UserHeader";
|
||||
import UserFooter from "./layoutcom/UserFooter";
|
||||
import { Outlet } from 'react-router-dom';
|
||||
import siteLinks from '../../links/siteLinks';
|
||||
|
||||
|
||||
export default function Layout() {
|
||||
|
||||
const {pathname} = useLocation()
|
||||
const isProfileComplete = pathname == siteLinks.profile_complete
|
||||
|
||||
return (
|
||||
<div className="app">
|
||||
{isProfileComplete ?
|
||||
<div className="app-wrap">
|
||||
<UserHeader />
|
||||
<div className="container-fluid">
|
||||
<Outlet />
|
||||
</div>
|
||||
<UserFooter isProfileComplete={isProfileComplete} />
|
||||
</div>
|
||||
:
|
||||
<div className="app-wrap">
|
||||
<UserHeader />
|
||||
<div className="app-container">
|
||||
|
||||
<aside className="app-navbar">
|
||||
<UserMenu />
|
||||
</aside>
|
||||
@@ -22,6 +37,7 @@ export default function Layout() {
|
||||
</div>
|
||||
<UserFooter />
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user