Skip to content

Commit

Permalink
fixup! fix(trade): last transactions design
Browse files Browse the repository at this point in the history
  • Loading branch information
adderpositive committed Nov 29, 2024
1 parent 1e3375b commit 83d97a7
Showing 1 changed file with 4 additions and 11 deletions.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import styled from 'styled-components';

import { iconSizes, Image, Row } from '@trezor/components';
import { borders } from '@trezor/theme';
import { Box, iconSizes, Image } from '@trezor/components';
import { borders, spacings } from '@trezor/theme';

import { useSelector } from 'src/hooks/suite';

Expand All @@ -16,19 +16,12 @@ interface CoinmarketIconProps {

export const CoinmarketIcon = ({ iconUrl }: CoinmarketIconProps) => {
const currentTheme = useSelector(state => state.suite.settings.theme.variant);
const SIDE_PADDING = 2;
const iconWrapperSize = iconSizes.mediumLarge + 2 * SIDE_PADDING;

return (
<CoinmarketIconWrapper $isDark={currentTheme === 'dark'}>
<Row
alignItems="center"
justifyContent="center"
height={iconWrapperSize}
width={iconWrapperSize}
>
<Box margin={spacings.xxxs} height={iconSizes.mediumLarge}>
<Image imageSrc={iconUrl} width={iconSizes.mediumLarge} alt="" />
</Row>
</Box>
</CoinmarketIconWrapper>
);
};

0 comments on commit 83d97a7

Please sign in to comment.