0f68bad3eb
## Why Frequently used; top in perf profile ## Changes Most of the time, you already have the claim object in the current context. `selectClaimIsMineForUri` will retrieve the claim again, which is wasteful, even if it is memoized (looking up the cache still takes time). Break apart the logic and added the alternative `selectClaimIsMine` for faster lookup.
21 lines
867 B
JavaScript
21 lines
867 B
JavaScript
import { connect } from 'react-redux';
|
|
import { selectClaimIsMine, selectClaimForUri } from 'redux/selectors/claims';
|
|
import { makeSelectFilePartlyDownloaded } from 'redux/selectors/file_info';
|
|
import { makeSelectEditedCollectionForId } from 'redux/selectors/collections';
|
|
import { makeSelectIsSubscribed } from 'redux/selectors/subscriptions';
|
|
import PreviewOverlayProperties from './view';
|
|
|
|
const select = (state, props) => {
|
|
const claim = selectClaimForUri(state, props.uri);
|
|
const claimId = claim && claim.claim_id;
|
|
|
|
return {
|
|
claim,
|
|
editedCollection: makeSelectEditedCollectionForId(claimId)(state),
|
|
downloaded: makeSelectFilePartlyDownloaded(props.uri)(state),
|
|
isSubscribed: makeSelectIsSubscribed(props.uri)(state),
|
|
claimIsMine: selectClaimIsMine(state, claim),
|
|
};
|
|
};
|
|
|
|
export default connect(select, null)(PreviewOverlayProperties);
|