Skip to content

Commit

Permalink
refactor(suite-native): icon list item used in analytics screen
Browse files Browse the repository at this point in the history
  • Loading branch information
PeKne committed Feb 3, 2025
1 parent 131942f commit b787371
Showing 1 changed file with 12 additions and 33 deletions.
45 changes: 12 additions & 33 deletions suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx
Original file line number Diff line number Diff line change
@@ -1,42 +1,21 @@
import { ReactNode } from 'react';

import { Box, HStack, Text, VStack } from '@suite-native/atoms';
import { Icon, IconName } from '@suite-native/icons';
import { prepareNativeStyle, useNativeStyles } from '@trezor/styles';
import { IconListItem, Text, VStack } from '@suite-native/atoms';
import { IconName } from '@suite-native/icons';

type AnalyticsInfoRowProps = {
iconName: IconName;
title: ReactNode;
description: ReactNode;
};

const WRAPPER_SIZE = 36;

const iconWrapper = prepareNativeStyle(utils => ({
justifyContent: 'center',
alignItems: 'center',
width: WRAPPER_SIZE,
height: WRAPPER_SIZE,
backgroundColor: utils.colors.backgroundSurfaceElevation2,
borderRadius: utils.borders.radii.r12,
borderWidth: 1,
borderColor: utils.colors.backgroundTertiaryDefaultOnElevation0,
}));

export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => {
const { applyStyle } = useNativeStyles();

return (
<HStack spacing="sp12" flexDirection="row" alignItems="center">
<Box style={applyStyle(iconWrapper)}>
<Icon name={iconName} size="mediumLarge" />
</Box>
<VStack spacing="sp4" flex={1}>
<Text variant="highlight">{title}</Text>
<Text variant="hint" color="textSubdued">
{description}
</Text>
</VStack>
</HStack>
);
};
export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => (
<IconListItem icon={iconName} iconSize="mediumLarge">
<VStack spacing="sp4" flex={1}>
<Text variant="highlight">{title}</Text>
<Text variant="hint" color="textSubdued">
{description}
</Text>
</VStack>
</IconListItem>
);

0 comments on commit b787371

Please sign in to comment.