|  |  | @ -6,20 +6,20 @@ import positiveIcon from "./positive.svg"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import negativeIcon from "./negative.svg"; |  |  |  | import negativeIcon from "./negative.svg"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import Avatar from "../Avatar"; |  |  |  | import Avatar from "../Avatar"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import moment from "jalali-moment"; |  |  |  | import moment from "jalali-moment"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import Button from '../Button'; |  |  |  | import Button from "../Button"; | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  | export const Comments = ({ comments }) => { |  |  |  | export const Comments = ({ comments }) => { | 
			
		
	
		
		
			
				
					
					|  |  |  |   // connectToParent(comments);
 |  |  |  |   // connectToParent(comments);
 | 
			
		
	
		
		
			
				
					
					|  |  |  |   const Comment = ({ comment }) => { |  |  |  |   const Comment = ({ comment }) => { | 
			
		
	
		
		
			
				
					
					|  |  |  |     return ( |  |  |  |     return ( | 
			
		
	
		
		
			
				
					
					|  |  |  |       <div className="flex flex-col w-full"> |  |  |  |       <div className=" w-full flex flex-col"> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         <header className="w-full flex flex-row justify-between py-1"> |  |  |  |         <header className="w-full flex flex-row justify-between py-1"> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className="flex flex-row items-end"> |  |  |  |           <div className="flex flex-row items-end"> | 
			
		
	
		
		
			
				
					
					|  |  |  |             <Avatar source={comment.userImage} size={60} rounded={true} /> |  |  |  |             <Avatar source={comment.userImage} size={60} rounded={true} /> | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div className="flex flex-col"> |  |  |  |             <div className="flex flex-col"> | 
			
		
	
		
		
			
				
					
					|  |  |  |               <strong className="text-lg mr-2">{comment.username}</strong> |  |  |  |               <strong className="mr-2 text-lg">{comment.username}</strong> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |               <div |  |  |  |               <div | 
			
		
	
		
		
			
				
					
					|  |  |  |                 className="flex flex-row divide-x divide-gray-300 divided items-center" |  |  |  |                 className="flex flex-row items-center divided divide-x divide-gray-300 " | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |                 style={{ direction: "ltr" }} |  |  |  |                 style={{ direction: "ltr" }} | 
			
		
	
		
		
			
				
					
					|  |  |  |               > |  |  |  |               > | 
			
		
	
		
		
			
				
					
					|  |  |  |                 <span className="px-2 text-xs text-gray-500"> |  |  |  |                 <span className="px-2 text-xs text-gray-500"> | 
			
		
	
	
		
		
			
				
					|  |  | 
 |