Improve Card

Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-04-01 11:02:03 +02:00
parent d0ae68d742
commit a941a8ac51

View File

@ -51,13 +51,21 @@ const Card = ({
<Border color={hasError ? 'orange' : 'mediumBlue'} shown={checked || hasError} /> <Border color={hasError ? 'orange' : 'mediumBlue'} shown={checked || hasError} />
{children} {children}
</CardImgWrapper> </CardImgWrapper>
<Flex>
<Title>{!withoutFileInfo && name}&nbsp;</Title> {!withoutFileInfo ? (
{!withoutFileInfo && <Tag label={getType(fileType)} />} <>
</Flex> <Flex>
<Text color="grey" fontSize="xs" ellipsis> <Title>{name}</Title>
{!withoutFileInfo && `${getExtension(fileType)} - ${fileSize}`} <Tag label={getType(fileType)} />
</Text> </Flex>
<Text color="grey" fontSize="xs" ellipsis>
{!withoutFileInfo && `${getExtension(fileType)} - ${fileSize}`}
</Text>
</>
) : (
<Text lineHeight="13px" />
)}
{hasError && <ErrorMessage title={errorMessage}>{errorMessage}</ErrorMessage>} {hasError && <ErrorMessage title={errorMessage}>{errorMessage}</ErrorMessage>}
</Wrapper> </Wrapper>
); );