34 lines
756 B
34 lines
756 B
import React, { Component } from 'react'; |
|
import Carousel from 'react-elastic-carousel'; |
|
|
|
import './ChatSuggest.scss'; |
|
|
|
export default class ChatSuggest extends Component { |
|
render(){ |
|
const {suggest} = this.props; |
|
return ( |
|
<div className="chat-suggest portrait-slider d-flex flex-column"> |
|
<Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}> |
|
{ |
|
suggest.map(item => ( |
|
<Suggest item={item} key={item.id} /> |
|
)) |
|
} |
|
</Carousel> |
|
|
|
</div> |
|
); |
|
} |
|
} |
|
|
|
|
|
class Suggest extends Component { |
|
render(){ |
|
const {item} = this.props; |
|
return( |
|
<div className="chat-suggest__item d-flex"> |
|
{item.text} |
|
</div> |
|
); |
|
} |
|
} |