mirror of
https://github.com/trezor/trezor-suite.git
synced 2026-03-25 00:27:12 +01:00
d7b939aba0
- Fix unwated scroll resets in `VirtualizedList` when options doesn't change. - Refactor TokenSelect and sort token options by fiat amount in desc order. - Refactor `TradingFormInputCryptoSelect` and sort token assets by fiat amount in desc. order. - Extract logic for networks count to a separate useNetworksCount hook.
@trezor/components
This repository contains components, images and hooks that do not depend on Suite-specific context, i.e. can be used in other Trezor-related projects as well (Suite, @trezor/connect-ui, @trezor/transport-bridge etc...)
Storybook
Each component can be inspected separately in Storybook. Stories are deployed automatically by a nightly pipeline via storybook-build command to https://dev.suite.sldev.cz/components/develop/. To see your local changes, run Storybook locally:
yarn workspace @trezor/components storybook
Icons
Icons in Suite are SVGs stored in src/images/icons and accessed via icons.ts. The SVGs should follow a set of rules so that they are efficient and easy to handle:
- minify the icon file by an optimizer
- the icon should be defined by fills rather than strokes - you can use an online tool or ask the designer if it does not work properly
- edit the SVG so that it's
width,height,opacity,filletc. are not defined - this should be handled by Suite - if needed, the space around the icon can be cropped using an online tool and/or by tweaking the viewBox property