blsmedia/bot
2
0
Fork 0
Code Activity

fix(results): 🐛 Loading rows

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-02-11 15:30:02 +01:00
parent 901e2f39b0
commit 93fed893c0
13 changed files with 85 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/builder/components/results/SubmissionsTable/LoadingRows.tsx
View File

@ -1,4 +1,4 @@
import { Checkbox, Flex, Skeleton } from '@chakra-ui/react'
import { chakra, Checkbox, Flex, Skeleton } from '@chakra-ui/react'
import React from 'react'
type LoadingRowsProps = {
@ -9,35 +9,32 @@ export const LoadingRows = ({ totalColumns }: LoadingRowsProps) => {
return (
<>
{Array.from(Array(3)).map((row, idx) => (
<Flex as="tr" key={idx}>
<Flex
key={idx}
py={2}
px={4}
<tr key={idx}>
<chakra.td
px="4"
py="2"
border="1px"
as="td"
borderColor="gray.200"
width="50px"
>
<Checkbox isDisabled />
</Flex>
<Flex>
<Checkbox isDisabled />
</Flex>
</chakra.td>
{Array.from(Array(totalColumns)).map((cell, idx) => {
return (
<Flex
<chakra.td
key={idx}
py={2}
px={4}
px="4"
py="2"
border="1px"
as="td"
borderColor="gray.200"
width="180px"
align="center"
>
<Skeleton height="5px" w="full" />
</Flex>
</chakra.td>
)
})}
</Flex>
</tr>
))}
</>
)