chore(suite-native): Add PriceChangeBadge examples to Demo screen

trezor · Jan 31, 2025 · 01938fa · 01938fa
1 parent 4ea408e
commit 01938fa
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/suite-native/module-dev-utils/src/screens/DemoScreen.tsx b/suite-native/module-dev-utils/src/screens/DemoScreen.tsx
@@ -17,6 +17,7 @@ import {
     Input,
     InputWrapper,
     NumPadButton,
+    PriceChangeBadge,
     Radio,
     SearchInput,
     Switch,
@@ -114,6 +115,15 @@ export const DemoScreen = () => {
                         <Badge key="disabled" label="disabled" icon="question" isDisabled />
                     </HStack>
                 </VStack>
+                <VStack>
+                    <Text variant="titleSmall">PriceChangeBadge:</Text>
+                    <HStack justifyContent="center" style={applyStyle(flexWrapStyle)}>
+                        <PriceChangeBadge valuePercentageChange={0.123} />
+                        <PriceChangeBadge valuePercentageChange={-1.23} />
+                        <PriceChangeBadge valuePercentageChange={0} />
+                        <PriceChangeBadge valuePercentageChange={null} />
+                    </HStack>
+                </VStack>
                 <Divider />
                 <VStack>
                     <Text variant="titleSmall">Text:</Text>