You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							30 lines
						
					
					
						
							809 B
						
					
					
				
			
		
		
	
	
							30 lines
						
					
					
						
							809 B
						
					
					
				import React, { Component } from 'react'; | 
						|
import Carousel from 'react-elastic-carousel'; | 
						|
import './ChatSuggest.scss'; | 
						|
export default function suggetbar({ suggest }) { | 
						|
  return ( | 
						|
    <div className="chat-suggest portrait-slider d-flex flex-column"> | 
						|
      <Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}> | 
						|
        {suggest.map((row, i) => ( | 
						|
          <Row row={row} key={i} /> | 
						|
        ))} | 
						|
      </Carousel> | 
						|
    </div> | 
						|
  ); | 
						|
} | 
						|
 | 
						|
const Row = ({ row }) => { | 
						|
  return ( | 
						|
    <div className="chat-suggest__row d-flex"> | 
						|
      <Suggest item={row[0]} /> | 
						|
      {/* {row.map((item, i) => ( | 
						|
        <Suggest item={item} key={i} /> | 
						|
      ))} */} | 
						|
    </div> | 
						|
  ); | 
						|
}; | 
						|
 | 
						|
const Suggest = (item) => { | 
						|
  console.log(item.text); | 
						|
  return <div className="chat-suggest__row--item d-flex">{item.text}</div>; | 
						|
};
 | 
						|
 |