import React, { Component } from 'react'; import { SortableContainer, SortableElement } from 'react-sortable-hoc'; import arrayMove from 'array-move'; import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt'; const SortableItem = SortableElement(({ value }) => (
{value}
)); const SortableList = SortableContainer(({ items }) => { return (
{items.map((value, index) => ( ))}
); }); export default class DraggableMessage extends Component { state = { items: ['استقلال', 'پرسپولیس', 'سپاهان'], }; onSortEnd = ({ oldIndex, newIndex }) => { this.setState(({ items }) => ({ items: arrayMove(items, oldIndex, newIndex), })); }; render() { const { message, user, isSelf } = this.props; return (
{message.id}
{message.text !== null ? (

{message.text}

) : null}
); } }