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.
121 lines
3.1 KiB
121 lines
3.1 KiB
import _ from 'lodash';
|
|
import PropTypes from 'prop-types';
|
|
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { createSelector } from 'reselect';
|
|
import * as commandNames from 'Commands/commandNames';
|
|
import withCurrentPage from 'Components/withCurrentPage';
|
|
import { executeCommand } from 'Store/Actions/commandActions';
|
|
import { deleteTrackFile, deleteTrackFiles, fetchTrackFiles, setTrackFilesSort, setTrackFilesTableOption } from 'Store/Actions/trackFileActions';
|
|
import createClientSideCollectionSelector from 'Store/Selectors/createClientSideCollectionSelector';
|
|
import createCommandExecutingSelector from 'Store/Selectors/createCommandExecutingSelector';
|
|
import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
|
|
import { registerPagePopulator, unregisterPagePopulator } from 'Utilities/pagePopulator';
|
|
import UnmappedFilesTable from './UnmappedFilesTable';
|
|
|
|
function createMapStateToProps() {
|
|
return createSelector(
|
|
createClientSideCollectionSelector('trackFiles'),
|
|
createCommandExecutingSelector(commandNames.RESCAN_FOLDERS),
|
|
createDimensionsSelector(),
|
|
(
|
|
trackFiles,
|
|
isScanningFolders,
|
|
dimensionsState
|
|
) => {
|
|
// trackFiles could pick up mapped entries via signalR so filter again here
|
|
const {
|
|
items,
|
|
...otherProps
|
|
} = trackFiles;
|
|
|
|
const unmappedFiles = _.filter(items, { albumId: 0 });
|
|
|
|
return {
|
|
items: unmappedFiles,
|
|
...otherProps,
|
|
isScanningFolders,
|
|
isSmallScreen: dimensionsState.isSmallScreen
|
|
};
|
|
}
|
|
);
|
|
}
|
|
|
|
function createMapDispatchToProps(dispatch, props) {
|
|
return {
|
|
onTableOptionChange(payload) {
|
|
dispatch(setTrackFilesTableOption(payload));
|
|
},
|
|
|
|
onSortPress(sortKey) {
|
|
dispatch(setTrackFilesSort({ sortKey }));
|
|
},
|
|
|
|
fetchUnmappedFiles() {
|
|
dispatch(fetchTrackFiles({ unmapped: true }));
|
|
},
|
|
|
|
deleteUnmappedFile(id) {
|
|
dispatch(deleteTrackFile({ id }));
|
|
},
|
|
|
|
deleteUnmappedFiles(trackFileIds) {
|
|
dispatch(deleteTrackFiles({ trackFileIds }));
|
|
},
|
|
|
|
onAddMissingArtistsPress() {
|
|
dispatch(executeCommand({
|
|
name: commandNames.RESCAN_FOLDERS,
|
|
filter: 'matched'
|
|
}));
|
|
}
|
|
};
|
|
}
|
|
|
|
class UnmappedFilesTableConnector extends Component {
|
|
|
|
//
|
|
// Lifecycle
|
|
|
|
componentDidMount() {
|
|
registerPagePopulator(this.repopulate, ['trackFileUpdated']);
|
|
|
|
this.repopulate();
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
unregisterPagePopulator(this.repopulate);
|
|
}
|
|
|
|
//
|
|
// Control
|
|
|
|
repopulate = () => {
|
|
this.props.fetchUnmappedFiles();
|
|
};
|
|
|
|
//
|
|
// Render
|
|
|
|
render() {
|
|
return (
|
|
<UnmappedFilesTable
|
|
{...this.props}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
UnmappedFilesTableConnector.propTypes = {
|
|
isSmallScreen: PropTypes.bool.isRequired,
|
|
onSortPress: PropTypes.func.isRequired,
|
|
onTableOptionChange: PropTypes.func.isRequired,
|
|
fetchUnmappedFiles: PropTypes.func.isRequired,
|
|
deleteUnmappedFile: PropTypes.func.isRequired,
|
|
deleteUnmappedFiles: PropTypes.func.isRequired
|
|
};
|
|
|
|
export default withCurrentPage(
|
|
connect(createMapStateToProps, createMapDispatchToProps)(UnmappedFilesTableConnector)
|
|
);
|