diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx new file mode 100644 index 0000000..b2a5c91 --- /dev/null +++ b/components/IncomeDashboardDisclaimer.tsx @@ -0,0 +1,83 @@ +import { useRef, useState } from 'react' + +import { Button } from './Button' + +export interface IncomeDashboardDisclaimerProps { + creatorAddress: string +} +export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps) => { + const [isChecked, setIsChecked] = useState(false) + const checkBoxRef = useRef(null) + + const handleCheckBox = () => { + checkBoxRef.current?.click() + } + + return ( +
+ + +
+ ) +} diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx index 5e44882..0338d35 100644 --- a/components/Sidebar.tsx +++ b/components/Sidebar.tsx @@ -1,3 +1,5 @@ +/* eslint-disable eslint-comments/disable-enable-pair */ +/* eslint-disable no-nested-ternary */ import clsx from 'clsx' import { Anchor } from 'components/Anchor' import { useWallet } from 'contexts/wallet' @@ -5,7 +7,8 @@ import { useRouter } from 'next/router' // import BrandText from 'public/brand/brand-text.svg' import { footerLinks, socialsLinks } from 'utils/links' -import { BASE_FACTORY_ADDRESS } from '../utils/constants' +import { BASE_FACTORY_ADDRESS, NETWORK } from '../utils/constants' +import { IncomeDashboardDisclaimer } from './IncomeDashboardDisclaimer' import { SidebarLayout } from './SidebarLayout' import { WalletLoader } from './WalletLoader' @@ -14,6 +17,7 @@ const routes = [ { text: 'Create a Collection', href: `/collections/create/`, isChild: true }, { text: 'My Collections', href: `/collections/myCollections/`, isChild: true }, { text: 'Collection Actions', href: `/collections/actions/`, isChild: true }, + { text: 'Creator Income Dashboard', href: `/`, isChild: true }, { text: 'Contract Dashboards', href: `/contracts/`, isChild: false }, { text: 'Base Minter Contract', href: `/contracts/baseMinter/`, isChild: true }, { text: 'Vending Minter Contract', href: `/contracts/vendingMinter/`, isChild: true }, @@ -40,27 +44,48 @@ export const Sidebar = () => { {/* wallet button */} {/* main navigation routes */} - {tempRoutes.map(({ text, href, isChild }) => ( - - {text} - - ))} + {tempRoutes.map(({ text, href, isChild }) => + text !== 'Creator Income Dashboard' ? ( + + {text} + + ) : NETWORK === 'mainnet' ? ( + + ) : null, + )} + +