diff --git a/packages/atlas/src/components/LastestCrtTrades/LastestCrtTrades.tsx b/packages/atlas/src/components/LastestCrtTrades/LastestCrtTrades.tsx index 4085fa96c8..6c276015ff 100644 --- 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 index 8bbd4608ec..4c385eed0c 100644 --- a/packages/atlas/src/components/Table/Table.tsx +++ b/packages/atlas/src/components/Table/Table.tsx @@ -80,9 +80,9 @@ export const Table = ({ 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 index 67778a0d93..1b161c4e49 100644 --- 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 index eb7c3c4d68..3ab087ea04 100644 --- 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: ( - + ), - status: , - createdAt: , - marketCap: , - totalRevenue: , - holders: , + status: , + priceChange: , + price: , + liquidityChange: , + liquidity: , + tradingVolume: , + createdAt: , + marketCap: , + totalRevenue: , + holders: , })) const COLUMNS: TableProps['columns'] = [ diff --git a/packages/atlas/src/views/viewer/CrtMarketplaceView/CrtMarketplaceView.tsx b/packages/atlas/src/views/viewer/CrtMarketplaceView/CrtMarketplaceView.tsx index e45676489e..6c3c6cff12 100644 --- 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 = () => { - +