From 7a4460e9b9be68bd09d1f2a9a52cc11b654d5fa7 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 22 Feb 2023 20:52:00 +0300
Subject: [PATCH 1/5] Include Creator Income Dashboard link on the sidebar

---
 components/IncomeDashboardDisclaimer.tsx | 79 ++++++++++++++++++++++++
 components/Sidebar.tsx                   | 70 ++++++++++++++-------
 2 files changed, 127 insertions(+), 22 deletions(-)
 create mode 100644 components/IncomeDashboardDisclaimer.tsx

diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx
new file mode 100644
index 0000000..5ecd53c
--- /dev/null
+++ b/components/IncomeDashboardDisclaimer.tsx
@@ -0,0 +1,79 @@
+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<HTMLInputElement>(null)
+
+  const handleCheckBox = () => {
+    checkBoxRef.current?.click()
+  }
+
+  return (
+    <div>
+      <input className="modal-toggle" defaultChecked={false} id="my-modal-2" ref={checkBoxRef} type="checkbox" />
+      <label className="cursor-pointer modal" htmlFor="my-modal-2">
+        <label
+          className="absolute top-[25%] bottom-5 left-1/3 max-w-[600px] max-h-[450px] border-2 no-scrollbar modal-box"
+          htmlFor="temp"
+        >
+          {/* <Alert type="warning"></Alert> */}
+          <div className="text-xl font-bold">
+            <div className="text-sm font-thin">
+              The tool provided on this website is for informational purposes only and does not constitute tax, legal or
+              financial advice. The information provided by the tool is not intended to be used for tax planning, tax
+              avoidance, promoting, marketing or related purposes. Users should consult their own tax, legal or
+              financial advisors prior to acting on any information provided by the tool. By clicking accept below, you
+              agree that neither Stargaze Foundation or Public Awesome, LLC or any of its directors, officers,
+              employees, or advisors shall be responsible for any errors, omissions, or inaccuracies in the information
+              provided by the tool, and shall not be liable for any damages, losses, or expenses arising out of or in
+              connection with the use of the tool. Furthermore, you agree to indemnify Stargaze Foundation, Public
+              Awesome, LLC and any of its directors, officers, employees and advisors against any claims, suits, or
+              actions related to your use of the tool.
+            </div>
+            <br />
+            <div className="flex flex-row pb-4">
+              <label className="flex flex-col space-y-1" htmlFor="terms">
+                <span className="text-sm font-light text-white">I agree with the terms above.</span>
+              </label>
+              <input
+                checked={isChecked}
+                className="p-2 mb-1 ml-2"
+                id="terms"
+                name="terms"
+                onClick={() => setIsChecked(!isChecked)}
+                type="checkbox"
+              />
+            </div>
+            <br />
+            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">
+              <label
+                className="w-full h-full text-white bg-gray-600 hover:bg-gray-500 border-0 btn modal-button"
+                htmlFor="my-modal-2"
+              >
+                Go Back
+              </label>
+            </Button>
+            <a
+              className="my-4"
+              href={`https://metabase.constellations.zone/public/dashboard/4d751721-51ab-46ff-ad27-075ec8d47a17?creator_address=${props.creatorAddress}&chart_granularity_(day%252Fweek%252Fmonth)=week`}
+              rel="noopener"
+              target="_blank"
+            >
+              <Button className="w-full h-full" isDisabled={!isChecked} isWide onClick={() => handleCheckBox()}>
+                Confirm
+              </Button>
+            </a>
+          </div>
+        </label>
+      </label>
+    </div>
+  )
+}
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 5e44882..c479f64 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: `/collections/actions/`, 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,49 @@ export const Sidebar = () => {
       {/* wallet button */}
       <WalletLoader />
       {/* main navigation routes */}
-      {tempRoutes.map(({ text, href, isChild }) => (
-        <Anchor
-          key={href}
-          className={clsx(
-            'px-2 -mx-5 font-extrabold uppercase rounded-lg', // styling
-            'hover:bg-white/5 transition-colors', // hover styling
-            { 'py-0 -ml-2 text-sm font-bold': isChild },
-            {
-              'text-gray hover:text-white':
-                !router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
-            },
-            {
-              'text-stargaze': router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
-            }, // active route styling
-            // { 'text-gray-500 pointer-events-none': disabled }, // disabled route styling
-          )}
-          href={href}
-        >
-          {text}
-        </Anchor>
-      ))}
+      {tempRoutes.map(({ text, href, isChild }) =>
+        text !== 'Creator Income Dashboard' ? (
+          <Anchor
+            key={href}
+            className={clsx(
+              'px-2 -mx-5 font-extrabold uppercase rounded-lg', // styling
+              'hover:bg-white/5 transition-colors', // hover styling
+              { 'py-0 -ml-2 text-sm font-bold': isChild },
+              {
+                'text-gray hover:text-white':
+                  !router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
+              },
+              {
+                'text-stargaze':
+                  router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
+              }, // active route styling
+              // { 'text-gray-500 pointer-events-none': disabled }, // disabled route styling
+            )}
+            href={href}
+          >
+            {text === 'Creator Income Dashboard' && <div className="text-sm font-bold">{text}</div>}
+            {text}
+          </Anchor>
+        ) : NETWORK === 'mainnet' ? (
+          <button
+            className={clsx(
+              'font-extrabold uppercase bg-clip-text border-none', // styling
+              'text-gray hover:text-white hover:bg-white/5 transition-colors', // hover styling
+              'py-0 -mt-3 -ml-11 text-sm font-bold',
+            )}
+            type="button"
+          >
+            <label
+              className="w-full h-full text-gray hover:text-white bg-clip-text bg-transparent hover:bg-white/5 border-none btn modal-button"
+              htmlFor="my-modal-2"
+            >
+              Income Dashboard
+            </label>
+          </button>
+        ) : null,
+      )}
+
+      <IncomeDashboardDisclaimer creatorAddress={wallet.address ? wallet.address : ''} />
 
       <div className="flex-grow" />
 

From e8175c3da2f0aded8a63cc40f7a5132759efed17 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 22 Feb 2023 20:57:51 +0300
Subject: [PATCH 2/5] Update disclaimer modal ID

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

diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx
index 5ecd53c..d45754d 100644
--- a/components/IncomeDashboardDisclaimer.tsx
+++ b/components/IncomeDashboardDisclaimer.tsx
@@ -15,8 +15,8 @@ export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps)
 
   return (
     <div>
-      <input className="modal-toggle" defaultChecked={false} id="my-modal-2" ref={checkBoxRef} type="checkbox" />
-      <label className="cursor-pointer modal" htmlFor="my-modal-2">
+      <input className="modal-toggle" defaultChecked={false} id="my-modal-1" ref={checkBoxRef} type="checkbox" />
+      <label className="cursor-pointer modal" htmlFor="my-modal-1">
         <label
           className="absolute top-[25%] bottom-5 left-1/3 max-w-[600px] max-h-[450px] border-2 no-scrollbar modal-box"
           htmlFor="temp"
@@ -56,7 +56,7 @@ export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps)
             <Button className="px-0 mt-4 mr-5 mb-4 max-h-12 bg-gray-600 hover:bg-gray-600">
               <label
                 className="w-full h-full text-white bg-gray-600 hover:bg-gray-500 border-0 btn modal-button"
-                htmlFor="my-modal-2"
+                htmlFor="my-modal-1"
               >
                 Go Back
               </label>
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index c479f64..027f9ad 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -78,7 +78,7 @@ export const Sidebar = () => {
           >
             <label
               className="w-full h-full text-gray hover:text-white bg-clip-text bg-transparent hover:bg-white/5 border-none btn modal-button"
-              htmlFor="my-modal-2"
+              htmlFor="my-modal-1"
             >
               Income Dashboard
             </label>

From eee78a1d949451fd8d6e868d5d81d2a399313758 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 22 Feb 2023 21:00:53 +0300
Subject: [PATCH 3/5] Update Confirm button width

---
 components/IncomeDashboardDisclaimer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx
index d45754d..5a2cb17 100644
--- a/components/IncomeDashboardDisclaimer.tsx
+++ b/components/IncomeDashboardDisclaimer.tsx
@@ -67,7 +67,7 @@ export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps)
               rel="noopener"
               target="_blank"
             >
-              <Button className="w-full h-full" isDisabled={!isChecked} isWide onClick={() => handleCheckBox()}>
+              <Button className="px-5 w-full h-full" isDisabled={!isChecked} onClick={() => handleCheckBox()}>
                 Confirm
               </Button>
             </a>

From d1b8988cc0082e85a093fce2cb4ef1ac4bf70053 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 22 Feb 2023 22:34:31 +0300
Subject: [PATCH 4/5] Update placeholder href for Creator Income Dashboard

---
 components/Sidebar.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 027f9ad..0338d35 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -17,7 +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: `/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 },
@@ -64,7 +64,6 @@ export const Sidebar = () => {
             )}
             href={href}
           >
-            {text === 'Creator Income Dashboard' && <div className="text-sm font-bold">{text}</div>}
             {text}
           </Anchor>
         ) : NETWORK === 'mainnet' ? (

From 518c0f2dbe4f13ea3a54e6995691223116f78a0f Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 22 Feb 2023 22:43:52 +0300
Subject: [PATCH 5/5] Switch redirection on/off wrt agreement-checkbox status

---
 components/IncomeDashboardDisclaimer.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/IncomeDashboardDisclaimer.tsx b/components/IncomeDashboardDisclaimer.tsx
index 5a2cb17..b2a5c91 100644
--- a/components/IncomeDashboardDisclaimer.tsx
+++ b/components/IncomeDashboardDisclaimer.tsx
@@ -63,7 +63,11 @@ export const IncomeDashboardDisclaimer = (props: IncomeDashboardDisclaimerProps)
             </Button>
             <a
               className="my-4"
-              href={`https://metabase.constellations.zone/public/dashboard/4d751721-51ab-46ff-ad27-075ec8d47a17?creator_address=${props.creatorAddress}&chart_granularity_(day%252Fweek%252Fmonth)=week`}
+              href={
+                isChecked
+                  ? `https://metabase.constellations.zone/public/dashboard/4d751721-51ab-46ff-ad27-075ec8d47a17?creator_address=${props.creatorAddress}&chart_granularity_(day%252Fweek%252Fmonth)=week`
+                  : undefined
+              }
               rel="noopener"
               target="_blank"
             >