import React from 'react'; import { SortableContainer } from 'react-sortable-hoc'; import { AudioUpload } from '~/components/upload/AudioUpload'; import * as styles from './styles.scss'; import { SortableImageGridItem } from '~/components/editors/SortableImageGridItem'; import { IFile } from '~/redux/types'; import { IUploadStatus } from '~/redux/uploads/reducer'; import { AudioPlayer } from '~/components/media/AudioPlayer'; const SortableAudioGrid = SortableContainer( ({ items, locked, onDrop, onTitleChange, }: { items: IFile[]; locked: IUploadStatus[]; onDrop: (file_id: IFile['id']) => void; onTitleChange: (file_id: IFile['id'], title: IFile['metadata']['title']) => void; }) => (
{items .filter(file => file && file.id) .map((file, index) => ( ))} {locked.map((item, index) => ( ))}
) ); export { SortableAudioGrid };