diff --git a/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx b/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx index 50c8709650..23e589bbcf 100644 --- a/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx +++ b/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx @@ -20,6 +20,11 @@ import { CrtRevenueTab } from '@/views/studio/CrtDashboard/tabs/CrtRevenueTab' import { TABS } from './CrtDashboard.types' +type TabsNames = typeof TABS[number] + +const getTabIndex = (tabName: TabsNames, allTabs: { name: TabsNames }[]): number => + allTabs.findIndex((tab) => tab.name === tabName) + export const CrtDashboard = () => { const [currentTab, setCurrentTab] = useState(0) const [openRevenueShareModal, setOpenRevenueShareModal] = useState(false) @@ -33,7 +38,7 @@ export const CrtDashboard = () => { setCurrentTab(idx) }, []) const hasOpenMarket = data?.creatorTokenById?.ammCurves.some((curve) => !curve.finalized) - const mappedTabs = TABS.filter((tab) => (hasOpenMarket ? true : tab != 'Market')).map((tab) => ({ name: tab })) + const mappedTabs = TABS.filter((tab) => (hasOpenMarket ? true : tab !== 'Market')).map((tab) => ({ name: tab })) if (!data?.creatorTokenById) { return null @@ -91,21 +96,15 @@ export const CrtDashboard = () => { )} - {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Dashboard') && ( + {currentTab === getTabIndex('Dashboard', mappedTabs) && ( setCurrentTab(mappedTabs.findIndex((tab) => tab.name === tabName))} /> )} - {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Market') && ( - - )} - {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Holders') && ( - - )} - {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Revenue share') && ( - - )} + {currentTab === getTabIndex('Market', mappedTabs) && } + {currentTab === getTabIndex('Holders', mappedTabs) && } + {currentTab === getTabIndex('Revenue share', mappedTabs) && } )