Fix Interactive Import, Add Track Actions and Reducers

This commit is contained in:
Qstick 2017-09-24 01:10:24 -04:00
parent 8f45fe0afe
commit 90d9741056
13 changed files with 193 additions and 27 deletions

View file

@ -5,6 +5,7 @@ import ModalContent from 'Components/Modal/ModalContent';
import ModalHeader from 'Components/Modal/ModalHeader';
import ModalBody from 'Components/Modal/ModalBody';
import ModalFooter from 'Components/Modal/ModalFooter';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import SelectAlbumRow from './SelectAlbumRow';
class SelectAlbumModalContent extends Component {
@ -16,7 +17,8 @@ class SelectAlbumModalContent extends Component {
const {
items,
onAlbumSelect,
onModalClose
onModalClose,
isFetching
} = this.props;
return (
@ -26,6 +28,10 @@ class SelectAlbumModalContent extends Component {
</ModalHeader>
<ModalBody>
{
isFetching &&
<LoadingIndicator />
}
{
items.map((item) => {
return (
@ -52,6 +58,7 @@ class SelectAlbumModalContent extends Component {
SelectAlbumModalContent.propTypes = {
items: PropTypes.arrayOf(PropTypes.object).isRequired,
isFetching: PropTypes.bool.isRequired,
onAlbumSelect: PropTypes.func.isRequired,
onModalClose: PropTypes.func.isRequired
};