You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.4 KiB
70 lines
1.4 KiB
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { createSelector } from 'reselect';
|
|
|
|
function createReleaseSelector() {
|
|
return createSelector(
|
|
(state, { guid }) => guid,
|
|
(state) => state.releases.items,
|
|
(guid, releases) => {
|
|
return releases.find((t) => t.guid === guid);
|
|
}
|
|
);
|
|
}
|
|
|
|
function createMapStateToProps() {
|
|
return createSelector(
|
|
createReleaseSelector(),
|
|
(
|
|
release
|
|
) => {
|
|
|
|
// If a release is deleted this selector may fire before the parent
|
|
// selecors, which will result in an undefined release, if that happens
|
|
// we want to return early here and again in the render function to avoid
|
|
// trying to show a release that has no information available.
|
|
|
|
if (!release) {
|
|
return {};
|
|
}
|
|
|
|
return {
|
|
...release
|
|
};
|
|
}
|
|
);
|
|
}
|
|
|
|
class SearchIndexItemConnector extends Component {
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
const {
|
|
guid,
|
|
component: ItemComponent,
|
|
...otherProps
|
|
} = this.props;
|
|
|
|
if (!guid) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<ItemComponent
|
|
{...otherProps}
|
|
guid={guid}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
SearchIndexItemConnector.propTypes = {
|
|
guid: PropTypes.string,
|
|
component: PropTypes.elementType.isRequired
|
|
};
|
|
|
|
export default connect(createMapStateToProps, null)(SearchIndexItemConnector);
|