From baf0a334751b8536474236e7e9c5b999eac8a585 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Thu, 23 Feb 2023 11:33:42 +0300
Subject: [PATCH] Add a Creator Income Dashboard link to the sidebar for
 mainnet use

---
 components/IncomeDashboardDisclaimer.tsx |  4 ++--
 components/Sidebar.tsx                   | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx
index b2a5c91..79ea02f 100644
--- a/components/IncomeDashboardDisclaimer.tsx
+++ b/components/IncomeDashboardDisclaimer.tsx
@@ -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
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 3eefa12..dad6f45 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -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 */}