38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { Profile } from 'components/ProfileSection'
|
|
import { useAppSelector } from 'hooks'
|
|
import { Outlet } from 'react-router-dom'
|
|
|
|
export const FeedLayout = () => {
|
|
const userState = useAppSelector((state) => state.user)
|
|
|
|
return (
|
|
<div className='InnerBodyMain'>
|
|
<div className='ContainerMain'>
|
|
<div className='IBMSecMainGroup IBMSecMainGroupAlt'>
|
|
<div className='IBMSMSplitMain'>
|
|
<div className='IBMSMSplitMainFullSide'>
|
|
<div className='IBMSMSplitMainFullSideFeedWrapper'>
|
|
<div className='IBMSMSplitMainFullSideFWSide'>
|
|
{userState.auth && userState.user?.pubkey && (
|
|
<div className='IBMSMSplitMainSmallSide'>
|
|
<div className='IBMSMSplitMainSmallSideSecWrapper'>
|
|
<div className='IBMSMSplitMainSmallSideSec'>
|
|
<Profile pubkey={userState.user.pubkey as string} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
<div className='IBMSMSplitMainFullSideFWMid'>
|
|
<Outlet />
|
|
</div>
|
|
<div className='IBMSMSplitMainFullSideFWSide'></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|