All files / nexshop-web-contents/src/component/playlist/contents-mini contents-mini.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1x
1x
1x
1x
1x
 
 
 
3x
 
 
 
 
 
 
 
 
1x
3x
 
9x
 
 
1x
3x
3x
 
 
 
 
 
import React, {Component} from 'react';
import {connect} from "react-redux";
import {bindActionCreators} from "redux";
import ContentsMiniView from "nexshop-web-contents-mini-view";
import {playlistActions} from "nexshop-web-store";
 
class ContentsMini extends Component {
    render() {
        return (
            <ContentsMiniView className="playlist-contents-mini"
                              contents={this.props.contents}
                              folders={this.props.folders}
                              onStartDragContentsItem={this.props.actions.startDragContentsItem}/>
        );
    }
}
 
const mapStateToProps = (state) => {
    const {contents: {contentsMini, foldersMini}} = state;
 
    return {folders: foldersMini, contents: contentsMini.filter(item => item.type !== 'playlist')};
};
 
const mapDispatchToProps = (dispatch) => {
    const {startDragContentsItem} = playlistActions;
    return {
        actions : bindActionCreators({startDragContentsItem}, dispatch)
    }
};
 
export default connect(mapStateToProps, mapDispatchToProps)(ContentsMini);