Skip to content

I
interface
Commit 414b2217 authored by vignesh mohankumar's avatar vignesh mohankumar Committed by GitHub
Browse files
Options

fix: no margin-top for LoadingRows (#4979)

parent bab2f47a
Hide whitespace changes
Inline Side-by-side
Showing with 7 additions and 9 deletions
src/components/Tokens/TokenTable/TokenTable.tsx
View file @ 414b2217
...@@ -54,25 +54,23 @@ function NoTokensState({ message }: { message: ReactNode }) { ...@@ -54,25 +54,23 @@ function NoTokensState({ message }: { message: ReactNode }) {
) )
} }
const LoadingRowsWrapper = styled.div` const LoadingRows = ({ rowCount }: { rowCount: number }) => (
margin-top: 8px; <>
`
const LoadingRows = (rowCount: number = PAGE_SIZE) => (
<LoadingRowsWrapper>
{Array(rowCount) {Array(rowCount)
.fill(null) .fill(null)
.map((_, index) => { .map((_, index) => {
return <LoadingRow key={index} first={index === 0} last={index === rowCount - 1} /> return <LoadingRow key={index} first={index === 0} last={index === rowCount - 1} />
})} })}
</LoadingRowsWrapper> </>
) )
export function LoadingTokenTable({ rowCount }: { rowCount?: number }) { export function LoadingTokenTable({ rowCount = PAGE_SIZE }: { rowCount?: number }) {
return ( return (
<GridContainer> <GridContainer>
<HeaderRow /> <HeaderRow />
<TokenDataContainer>{LoadingRows(rowCount)}</TokenDataContainer> <TokenDataContainer>
<LoadingRows rowCount={rowCount} />
</TokenDataContainer>
</GridContainer> </GridContainer>
) )
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment