Merge fixes

WRadoslaw · Nov 27, 2023 · 9a5e9c0 · 9a5e9c0
1 parent d564254
commit 9a5e9c0
Show file tree

Hide file tree

Showing 4 changed files with 95 additions and 6 deletions.
diff --git a/packages/atlas/src/api/queries/__generated__/creatorTokens.generated.tsx b/packages/atlas/src/api/queries/__generated__/creatorTokens.generated.tsx
diff --git a/packages/atlas/src/components/_crt/AmmTransactionsTable/AmmTransactionsTable.tsx b/packages/atlas/src/components/_crt/AmmTransactionsTable/AmmTransactionsTable.tsx
@@ -4,6 +4,7 @@ import { useMemo } from 'react'
 
 import { FullAmmCurveFragment } from '@/api/queries/__generated__/fragments.generated'
 import { SvgActionArrowBottom, SvgActionArrowTop } from '@/assets/icons'
+import { SvgEmptyStateIllustration } from '@/assets/illustrations'
 import { NumberFormat } from '@/components/NumberFormat'
 import { Pill } from '@/components/Pill'
 import { Table, TableProps } from '@/components/Table'
@@ -18,6 +19,12 @@ const COLUMNS: TableProps['columns'] = [
   { Header: 'Amount', accessor: 'amount' },
 ]
 
+const tableEmptyState = {
+  title: 'No transactions made yet',
+  description: 'When any member make a transaction on your market you will see the record here',
+  icon: <SvgEmptyStateIllustration />,
+}
+
 type AmmTransactionsTableProps = {
   data: FullAmmCurveFragment['transactions']
 }
@@ -41,7 +48,9 @@ export const AmmTransactionsTable = ({ data }: AmmTransactionsTableProps) => {
     [data]
   )
 
-  return <StyledTable title="Market transactions" data={mappedData ?? []} columns={COLUMNS} />
+  return (
+    <StyledTable title="Market transactions" data={mappedData ?? []} columns={COLUMNS} emptyState={tableEmptyState} />
+  )
 }
 
 const StyledTable = styled(Table)`

diff --git a/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx b/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.tsx
@@ -91,15 +91,21 @@ export const CrtDashboard = () => {
             </>
           )}
         </TabsContainer>
-        {currentTab === 0 && (
+        {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Dashboard') && (
           <CrtDashboardMainTab
             token={data.creatorTokenById}
             onTabChange={(tabName) => setCurrentTab(mappedTabs.findIndex((tab) => tab.name === tabName))}
           />
         )}
-        {currentTab === 1 && <CrtMarketTab token={data.creatorTokenById} />}
-        {currentTab === 2 && <CrtHoldersTab token={data.creatorTokenById} />}
-        {currentTab === 3 && <CrtRevenueTab token={data.creatorTokenById} />}
+        {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Market') && (
+          <CrtMarketTab token={data.creatorTokenById} />
+        )}
+        {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Holders') && (
+          <CrtHoldersTab token={data.creatorTokenById} />
+        )}
+        {currentTab === mappedTabs.findIndex((tab) => tab.name === 'Revenue share') && (
+          <CrtRevenueTab token={data.creatorTokenById} />
+        )}
       </MainContainer>
     </LimitedWidthContainer>
   )

diff --git a/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.types.ts b/packages/atlas/src/views/studio/CrtDashboard/CrtDashboard.types.ts
@@ -1,2 +1,2 @@
-export const TABS = ['Dashboard', 'Holders', 'Revenue share'] as const
+export const TABS = ['Dashboard', 'Market', 'Holders', 'Revenue share'] as const
 export type CrtTabs = typeof TABS[number]