CR fixes v2

ikprk · Jul 9, 2024 · 435cf42 · 435cf42
1 parent 3d959c5
commit 435cf42
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 10 deletions.
diff --git a/packages/atlas/src/components/LastestCrtTrades/LastestCrtTrades.tsx b/packages/atlas/src/components/LastestCrtTrades/LastestCrtTrades.tsx
@@ -103,7 +103,9 @@ const InnerContainer = styled(FlexBox)`
   gap: ${sizes(8)};
   width: fit-content;
   align-items: center;
-  animation: ${ScrollSide} 40s linear infinite;
+  animation: ${ScrollSide} 80s linear infinite;
+  scrollbar-width: none;
+  scrollbar-height: none;
 
   :hover {
     animation-play-state: paused;
@@ -113,6 +115,7 @@ const InnerContainer = styled(FlexBox)`
 const RibbonContainer = styled(FlexBox)`
   overflow-x: auto;
   scrollbar-width: none;
+  scrollbar-height: none;
   background-color: ${cVar('colorBackgroundMuted')};
   padding: ${sizes(3)} ${sizes(4)};
   width: calc(100% + var(--size-global-horizontal-padding) * 2);

diff --git a/packages/atlas/src/components/Table/Table.tsx b/packages/atlas/src/components/Table/Table.tsx
@@ -80,9 +80,9 @@ export const Table = <T extends object>({
       initialState: { pageSize },
       disableSortBy: !onColumnSortClick,
       disableMultiSort: true,
+      disableSortRemove: true,
       manualSortBy: true,
     },
-    ...(onColumnSortClick ? [useSortBy] : []),
     useSortBy,
     usePagination,
     useFlexLayout

diff --git a/packages/atlas/src/components/TopCrtMovers/TopCrtMovers.tsx b/packages/atlas/src/components/TopCrtMovers/TopCrtMovers.tsx
@@ -144,7 +144,7 @@ export const TopMovingTokens = ({ interval, tableTitle }: { interval: number; ta
             type: 'options',
             options: [
               {
-                label: 'Winners',
+                label: 'Gainers',
                 value: true,
               },
               {

diff --git a/packages/atlas/src/components/_crt/MarketplaceCrtTable/MarketplaceCrtTable.tsx b/packages/atlas/src/components/_crt/MarketplaceCrtTable/MarketplaceCrtTable.tsx
@@ -20,14 +20,19 @@ export const tableLoadingData = Array.from({ length: 10 }, () => ({
   token: (
     <ColumnBox>
       <SkeletonLoader rounded height={32} width={32} />
-      <SkeletonLoader height={20} width="40%" />
+      <SkeletonLoader height={20} width="60%" />
     </ColumnBox>
   ),
-  status: <SkeletonLoader height={20} width="60%" />,
-  createdAt: <SkeletonLoader height={20} width="50%" />,
-  marketCap: <SkeletonLoader height={20} width="50%" />,
-  totalRevenue: <SkeletonLoader height={20} width="50%" />,
-  holders: <SkeletonLoader height={20} width="50%" />,
+  status: <SkeletonLoader height={32} width="80%" />,
+  priceChange: <SkeletonLoader height={32} width="80%" />,
+  price: <SkeletonLoader height={32} width="80%" />,
+  liquidityChange: <SkeletonLoader height={32} width="80%" />,
+  liquidity: <SkeletonLoader height={32} width="80%" />,
+  tradingVolume: <SkeletonLoader height={32} width="80%" />,
+  createdAt: <SkeletonLoader height={32} width="80%" />,
+  marketCap: <SkeletonLoader height={32} width="80%" />,
+  totalRevenue: <SkeletonLoader height={32} width="80%" />,
+  holders: <SkeletonLoader height={42} width="80%" />,
 }))
 
 const COLUMNS: TableProps['columns'] = [

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