-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Create initial portfolio screen #15
Create initial portfolio screen #15
Conversation
<Story /> | ||
</DripsyProvider> | ||
</PraxI18nProvider> | ||
<ReduxProvider> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Needed because <Balance />
, which has a Storybook story, dispatches Redux actions
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Extracted from <HomeScreen />
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work! cross-referencing the portfolio page with the figma designs, can we add comments in the relevant places for the corresponding missing design elements?
|
||
export default function PortfolioScreen() { | ||
return <Text>PortfolioScreen</Text>; | ||
const balances = useAppSelector(state => state.balances.balances); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
question: general thoughts on identifying areas that could take advantage of memoized selectors, using reselect, to avoid unnecessary re-renders?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good call — I've actually started doing that in #19
will add comments re: missing Figma elements in an upcoming PR! |
* Create <List /> component * Extract PraxDripsyProvider * Set up Storybook to work with i18n; Install testing libs * Add XS icon size * Truncate text in ListItem * Create factories * Create TransactionList * Fix text overflow * Add screenHorizontalMargin * Create transactions state * Add transactions list to home screen * Add a primaryAction prop to List * Remove unused props * Remove unused var * Rework header components * Build out TransactionsScreen * Tweak comments * Add comments * Fix suffix * Add comment * Add RN Jest matchers * Update tests * Update args * Add comment * Reorganize and add comments * Early return * Create initial portfolio screen (#15) * Rename header * Extract BalanceAndActions component; use it in PortfolioScreen * Create store/type/factory for balances * Create balance UI in portfolio screen * Use more precise naming * Tweak factories * Wrap Storybook stories in <ReduxProvider /> * Fix ATOM mock data * Delete BalanceList stories for now * Build a simple AssetActionSheet * Add comment
Screen.Recording.2024-12-31.at.7.42.31.PM.mov
In this PR
<BalanceAndActions />
component, for the shared UI between the Home and Portfolio screens