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

Add a Creator Income Dashboard link to the sidebar for mainnet use

Browse Source
This commit is contained in:
Serkan Reis 2023-02-23 11:33:42 +03:00
parent 80f8c77001
commit baf0a33475
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/IncomeDashboardDisclaimer.tsx
View File

@ -53,9 +53,9 @@ export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps)
Are you sure to proceed to the Creator Income Dashboard?
</div>
<div className="flex justify-end w-full">
<Button className="px-0 mt-4 mr-5 mb-4 max-h-12 bg-gray-600 hover:bg-gray-600">
<Button className="px-0 mt-4 mr-5 mb-4 max-h-12 bg-gray-600 hover:bg-gray-700">
<label
className="w-full h-full text-white bg-gray-600 hover:bg-gray-500 border-0 btn modal-button"
className="w-full h-full text-white bg-gray-600 hover:bg-gray-700 rounded border-0 btn modal-button"
htmlFor="my-modal-1"
>
Go Back

17
components/Sidebar.tsx
View File

@ -9,8 +9,9 @@ import { useRouter } from 'next/router'
// import BrandText from 'public/brand/brand-text.svg'
import { footerLinks, socialsLinks } from 'utils/links'
import { BADGE_HUB_ADDRESS, BASE_FACTORY_ADDRESS } from '../utils/constants'
import { BADGE_HUB_ADDRESS, BASE_FACTORY_ADDRESS, NETWORK } from '../utils/constants'
import { Conditional } from './Conditional'
import { IncomeDashboardDisclaimer } from './IncomeDashboardDisclaimer'
import { SidebarLayout } from './SidebarLayout'
import { WalletLoader } from './WalletLoader'
@ -71,6 +72,18 @@ export const Sidebar = () => {
>
<Link href="/collections/actions/">Collection Actions</Link>
</li>
<Conditional test={NETWORK === 'mainnet'}>
<li className={clsx('text-lg font-bold hover:text-white hover:bg-stargaze-80 rounded')} tabIndex={-1}>
<label
className="w-full h-full text-lg font-bold text-gray hover:text-white bg-clip-text bg-transparent border-none animate-none btn modal-button"
htmlFor="my-modal-1"
>
<button className="text-lg font-bold" type="button">
Income Dashboard
</button>
</label>
</li>
</Conditional>
</ul>
</li>
</ul>
@ -184,6 +197,8 @@ export const Sidebar = () => {
</ul>
</div>
<IncomeDashboardDisclaimer creatorAddress={wallet.address ? wallet.address : ''} />
<div className="flex-grow" />
{/* Stargaze network status */}