dbb9ee7ac6
* DRY up membership selector Selectors should be chained up, not copy/pasted. * PremiumBadge: retrieve membership db internally instead of from parent ## Ticket 1753 odyseeMembershipByUri function causing unnecessary renders ## Issue While the rendering issue in the ticket is due to the way the props are defined, it also surfaced a prop-drilling issue with PremiumBadge. Instead of asking the parent for the membership db, it can retrieve from Redux itself. This prevents the prop from polluting 2 levels of components and causing unnecessary renders. ## Approach - Make `PremiumBadge` accept `uri` like most other components. - I still leave the `membership` prop as (i.e. parent can still pass it directly). In some cases (e.g. `livestreamComment`, `page/odyseeMembership`), the parent itself needs the same data, so we don't need to derive it twice. |
||
---|---|---|
.. | ||
form-components | ||
busy-indicator.jsx | ||
card.jsx | ||
comment-badge.jsx | ||
credit-amount.jsx | ||
debounced-input.jsx | ||
empty.jsx | ||
error-text.jsx | ||
file-exporter.jsx | ||
file-list.jsx | ||
file-selector.jsx | ||
form.jsx | ||
header-menu-link.jsx | ||
help-link.jsx | ||
hidden-nsfw.jsx | ||
icon-custom.jsx | ||
icon.jsx | ||
lbc-message.jsx | ||
lbc-symbol.jsx | ||
loading-screen.jsx | ||
markdown-preview.jsx | ||
nag.jsx | ||
paginate.jsx | ||
qr-code.jsx | ||
status-bar.jsx | ||
tabs.jsx | ||
thumbnail.jsx | ||
tooltip.jsx | ||
transaction-link.jsx | ||
truncated-text.jsx | ||
wait-until-on-page.jsx |