1234567891011121314151617181920 |
- import {actionTracksFind, backURL} from "../actions";
- import {connect} from "react-redux";
- import {store} from "../reducers";
- import {CTrack} from "./track";
- const Track = ({track:{_id,url,originalFileName}={}}) =>
- <div className='Tracks'>
- {url === null ? <></> :(<strong className='Tracks1'><audio controls src={backURL+'/'+url}></audio>{originalFileName}</strong>)}
- </div>
- const AllTracks = ({tracks}={}) =>
- <div>
- <h2>Все композиции</h2>
- {(tracks || []).map(track => <CTrack track={track}/>)}
- </div>
- export const CAllTracks = connect(state => ({tracks: state.promise.findAllTracks1?.payload || []}))(AllTracks)
- store.dispatch(actionTracksFind())
|