|  |  | @ -1,4 +1,4 @@ | 
			
		
	
		
		
			
				
					
					|  |  |  | import React, { Component,useEffect,useState,useRef } from 'react'; |  |  |  | import React, { useEffect,useState,useRef } from 'react'; | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  | import MenuIcon from '@material-ui/icons/Menu'; |  |  |  | import MenuIcon from '@material-ui/icons/Menu'; | 
			
		
	
		
		
			
				
					
					|  |  |  | import SearchIcon from '@material-ui/icons/Search'; |  |  |  | import SearchIcon from '@material-ui/icons/Search'; | 
			
		
	
		
		
			
				
					
					|  |  |  | import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt'; |  |  |  | import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt'; | 
			
		
	
	
		
		
			
				
					|  |  | @ -66,7 +66,7 @@ export default function Header(props) { | 
			
		
	
		
		
			
				
					
					|  |  |  |       { |  |  |  |       { | 
			
		
	
		
		
			
				
					
					|  |  |  |         state['searchFlag'] === true ? 
 |  |  |  |         state['searchFlag'] === true ? 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="header__search d-flex"> |  |  |  |         <div className="header__search d-flex"> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div onClick={() => setState({ ...state, ['searchFlag']: !state['searchFlag']})}> |  |  |  |           <div onClick={() => setState({ ...state, searchFlag: !state.searchFlag})}> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |             <ArrowRightAltIcon style={{color : "rgb(111,108,255)" , width : 38, height : 38}} /> |  |  |  |             <ArrowRightAltIcon style={{color : "rgb(111,108,255)" , width : 38, height : 38}} /> | 
			
		
	
		
		
			
				
					
					|  |  |  |           </div> |  |  |  |           </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <input 
 |  |  |  |           <input 
 | 
			
		
	
	
		
		
			
				
					|  |  | @ -79,7 +79,7 @@ export default function Header(props) { | 
			
		
	
		
		
			
				
					
					|  |  |  |           </div> |  |  |  |           </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |         </div> :  |  |  |  |         </div> :  | 
			
		
	
		
		
			
				
					
					|  |  |  |         <> |  |  |  |         <> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div onClick={() => setState({ ...state, ['searchFlag']: !state['searchFlag']})}> |  |  |  |           <div onClick={() => setState({ ...state, searchFlag: !state.searchFlag})}> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |             <SearchIcon style={{color : "white" , width : 38, height : 38}} /> |  |  |  |             <SearchIcon style={{color : "white" , width : 38, height : 38}} /> | 
			
		
	
		
		
			
				
					
					|  |  |  |           </div> |  |  |  |           </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className="chat-header__title d-flex"> |  |  |  |           <div className="chat-header__title d-flex"> | 
			
		
	
	
		
		
			
				
					|  |  | 
 |