CR fixes v3

ikprk · Jul 15, 2024 · 18bfd04 · 18bfd04
1 parent 435cf42
commit 18bfd04
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/packages/atlas/src/components/Table/Table.tsx b/packages/atlas/src/components/Table/Table.tsx
@@ -133,8 +133,8 @@ export const Table = <T extends object>({
       {data.length ? (
         <TableWrapper ref={scrollRef} onMouseDown={onMouseDown}>
           <PageWrapper minWidth={minWidth}>
-            {page.map((subpage, idx) => (
-              <TableBase className="table-base" {...getTableProps()} key={`table-slice-${idx}`}>
+            {page.map((subpage, subpageIdx) => (
+              <TableBase className="table-base" {...getTableProps()} key={`table-slice-${subpageIdx}`}>
                 <Thead className="table-header">
                   {headerGroups.map((headerGroup) => (
                     <tr {...headerGroup.getHeaderGroupProps()} key={headerGroup.getHeaderGroupProps().key}>
@@ -174,7 +174,8 @@ export const Table = <T extends object>({
                 <tbody {...getTableBodyProps()}>
                   {subpage.map((row, idx) => {
                     prepareRow(row)
-                    const rowTo = getRowTo ? getRowTo(idx) : undefined
+                    const realRowIndex = page[0].length * subpageIdx + idx
+                    const rowTo = getRowTo ? getRowTo(realRowIndex) : undefined
                     const mappedCells = row.cells.map((cell) => (
                       <Td
                         variant="t100"
@@ -192,7 +193,9 @@ export const Table = <T extends object>({
                         <AnchorRow
                           className="table-row"
                           {...row.getRowProps()}
-                          onClick={() => onRowClick?.(idx)}
+                          onClick={() => {
+                            onRowClick?.(realRowIndex)
+                          }}
                           key={row.getRowProps().key}
                           to={rowTo}
                         >
@@ -205,7 +208,9 @@ export const Table = <T extends object>({
                       <tr
                         className="table-row"
                         {...row.getRowProps()}
-                        onClick={() => onRowClick?.(idx)}
+                        onClick={() => {
+                          onRowClick?.(realRowIndex)
+                        }}
                         key={row.getRowProps().key}
                       >
                         {mappedCells}

diff --git a/packages/atlas/src/views/viewer/CrtMarketplaceView/CrtMarketplaceView.tsx b/packages/atlas/src/views/viewer/CrtMarketplaceView/CrtMarketplaceView.tsx
@@ -23,13 +23,13 @@ export const CrtMarketplaceView = () => {
 
         <TableFullWitdhtWrapper>
           <LimitedWidthContainer big noBottomPadding>
-            <HotCreatorTokens interval={30} tableTitle="Hot tokens" />
+            <HotCreatorTokens interval={30} tableTitle="Hot Tokens" />
           </LimitedWidthContainer>
         </TableFullWitdhtWrapper>
 
         <TableFullWitdhtWrapper>
           <LimitedWidthContainer big noBottomPadding>
-            <TopMovingTokens interval={30} tableTitle="Top Gainers" />
+            <TopMovingTokens interval={30} tableTitle="Top Movers" />
           </LimitedWidthContainer>
         </TableFullWitdhtWrapper>