LaconicNetwork/stargaze-studio
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update sidebar

Browse Source
This commit is contained in:
Serkan Reis 2024-01-15 15:05:16 +03:00
parent 680b2ac258
commit f6253dd6c7
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
components/Sidebar.tsx
View File

@ -45,7 +45,7 @@ export const Sidebar = () => {
}, []) }, [])
const handleResize = () => { const handleResize = () => {
setIsTallWindow(window.innerHeight > 700) setIsTallWindow(window.innerHeight > 768)
} }
useEffect(() => { useEffect(() => {
@ -67,7 +67,7 @@ export const Sidebar = () => {
{/* main navigation routes */} {/* main navigation routes */}
<div className={clsx('absolute left-[5%] mt-2', isTallWindow ? 'top-[20%]' : 'top-[30%]')}> <div className={clsx('absolute left-[5%] mt-2', isTallWindow ? 'top-[20%]' : 'top-[30%]')}>
<ul className="group p-2 w-full bg-transparent menu rounded-box"> <ul className="group py-1 px-2 w-full bg-transparent menu rounded-box">
<li tabIndex={0}> <li tabIndex={0}>
<div <div
className={clsx( className={clsx(
@ -131,7 +131,7 @@ export const Sidebar = () => {
</li> </li>
</ul> </ul>
<Conditional test={BADGE_HUB_ADDRESS !== undefined}> <Conditional test={BADGE_HUB_ADDRESS !== undefined}>
<ul className="group p-2 w-full bg-transparent menu rounded-box"> <ul className="group py-1 px-2 w-full bg-transparent menu rounded-box">
<li tabIndex={0}> <li tabIndex={0}>
<span <span
className={clsx( className={clsx(
@ -208,7 +208,7 @@ export const Sidebar = () => {
</ul> </ul>
</li> </li>
</ul> </ul>
<ul className="group p-2 w-full bg-transparent menu rounded-box"> <ul className="group py-1 px-2 w-full bg-transparent menu rounded-box">
<li tabIndex={0}> <li tabIndex={0}>
<span <span
className={clsx( className={clsx(
@ -312,6 +312,19 @@ export const Sidebar = () => {
</ul> </ul>
</li> </li>
</ul> </ul>
<ul className="group py-1 px-2 w-full bg-transparent menu rounded-box">
<li tabIndex={0}>
<span
className={clsx(
'z-40 text-xl font-bold group-hover:text-white bg-transparent rounded-lg small-caps',
'hover:bg-white/5 transition-colors',
router.asPath.includes('/authz/') ? 'text-white' : 'text-gray',
)}
>
<Link href="/authz/"> Authz </Link>
</span>
</li>
</ul>
</div> </div>
<IncomeDashboardDisclaimer creatorAddress={wallet.address ? wallet.address : ''} /> <IncomeDashboardDisclaimer creatorAddress={wallet.address ? wallet.address : ''} />