@ -40,10 +40,15 @@ function Video({ 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					    getBook ( {  bookId :  location . getId ( )  } ,  {  id :  location . getId ( ) ,  vod :  true  } ) ;   
					 
					 
					 
					    getBook ( {  bookId :  location . getId ( )  } ,  {  id :  location . getId ( ) ,  vod :  true  } ) ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					    setHeaderOptions ( headerOptions ) ;   
					 
					 
					 
					    setHeaderOptions ( headerOptions ) ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					  } ,  [ ] ) ;   
					 
					 
					 
					  } ,  [ ] ) ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					 
					 
					 
					 
					  useEffect ( ( )  =>  {   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					 
					 
					 
					 
					    window . scrollTo ( 0 ,  0 ) ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					 
					 
					 
					 
					  } ,  [ ] ) ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					  const  {  bookmark  }  =  headerOptions ;   
					 
					 
					 
					  const  {  bookmark  }  =  headerOptions ;   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					
 
					 
					 
					 
					
 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					  return  isMobile  ?  (   
					 
					 
					 
					  return  isMobile  ?  (   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					    < div  className = "w-full flex flex-col px-4 pb-24" >   
					 
					 
					 
					    < div  className = "w-full flex flex-col px-4 pb-24  " >   
				
			 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					 
					 
					 
					      { ! book  &&  (   
					 
					 
					 
					      { ! book  &&  (   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					        < div  className = "w-full h-screen flex justify-center items-center bg-white bg-opacity-20 backdrop-filter backdrop-blur-xl fixed left-0 top-0 z-50" >   
					 
					 
					 
					        < div  className = "w-full h-screen flex justify-center items-center bg-white bg-opacity-20 backdrop-filter backdrop-blur-xl fixed left-0 top-0 z-50" >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					          < Loading  size = { 4 }  color = "bg-green-400"  / >   
					 
					 
					 
					          < Loading  size = { 4 }  color = "bg-green-400"  / >   
				
			 
			
		
	
	
		
		
			
				
					
						
							
								 
							 
						
						
							
								 
							 
						
						
					 
					 
					@ -105,7 +110,7 @@ function Video({ 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					      < / d i v >   
					 
					 
					 
					      < / d i v >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					    < / d i v >   
					 
					 
					 
					    < / d i v >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					  )  :  (   
					 
					 
					 
					  )  :  (   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					    < div  className = "flex flex-col w-11/12 min-h-screen mx-auto pb-20 pt-24" >   
					 
					 
					 
					    < div  className = "flex flex-col w-11/12 min-h-screen mx-auto pb-20 pt-24  " >   
				
			 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					 
					 
					 
					      < header  className = "w-full flex flex-row gap-12" >   
					 
					 
					 
					      < header  className = "w-full flex flex-row gap-12" >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					        < div  className = "w-9/12" >   
					 
					 
					 
					        < div  className = "w-9/12" >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					          < Videos  videos = { book ? . fileIds }  / >   
					 
					 
					 
					          < Videos  videos = { book ? . fileIds }  / >   
				
			 
			
		
	
	
		
		
			
				
					
						
							
								 
							 
						
						
							
								 
							 
						
						
					 
					 
					@ -184,25 +189,19 @@ function Video({ 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					              < img  src = { tickIcon }  alt = ""  className = "w-9"  / >   
					 
					 
					 
					              < img  src = { tickIcon }  alt = ""  className = "w-9"  / >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					              < p  className = "text-blue52 text-sm font-light" > { ` توصیه خرید توسط   ${ book ? . product [ 2 ] ? . suggestedCounter }  نفر ` } < / p >   
					 
					 
					 
					              < p  className = "text-blue52 text-sm font-light" > { ` توصیه خرید توسط   ${ book ? . product [ 2 ] ? . suggestedCounter }  نفر ` } < / p >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					            < / d i v >   
					 
					 
					 
					            < / d i v >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					            { bookmark  &&  (   
					 
					 
					 
					            < div  className = "flex flex-row items-center py-3" >   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					              < div  className = "flex flex-row items-center py-3" >   
					 
					 
					 
					              < img   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                < img   
					 
					 
					 
					                src = {   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  src = {   
					 
					 
					 
					                  isDark  ?  bookmarkDeactiveDarkIcon  :  bookmarkDeactiveLightIcon   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                    isDark   
					 
					 
					 
					                }   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                      ?  bookmarkDeactiveDarkIcon   
					 
					 
					 
					                alt = "bookmark"   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                      :  bookmarkDeactiveLightIcon   
					 
					 
					 
					                className = "w-7"   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  }   
					 
					 
					 
					                onClick = { ( )  =>  addToFavorite ( {  [ bookmark ] :  location . getId ( )  } ) }   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  alt = "bookmark"   
					 
					 
					 
					              / >   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  className = "w-7"   
					 
					 
					 
					              < span  className = "mr-3 text-sm" >   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  onClick = { ( )  =>   
					 
					 
					 
					                اضافه  کردن  به  لیست  علاقه  مندی  ها   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                    addToFavorite ( {  [ bookmark ] :  location . getId ( )  } )   
					 
					 
					 
					              < / s p a n >   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                  }   
					 
					 
					 
					            < / d i v >   
				
			 
			
				
				
			
		
	
		
		
			
				
					
					 
					 
					 
					                / >   
					 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					                < span  className = "mr-3 text-sm" >   
					 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					                  اضافه  کردن  به  لیست  علاقه  مندی  ها   
					 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					                < / s p a n >   
					 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					              < / d i v >   
					 
					 
					 
					 
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					            ) }   
					 
					 
					 
					 
				
			 
			
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					
					 
					 
					 
					            < div  className = "flex flex-col w-full py-4 px-4" >   
					 
					 
					 
					            < div  className = "flex flex-col w-full py-4 px-4" >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					              < div  className = "flex flex-row items-center justify-center gap-2" >   
					 
					 
					 
					              < div  className = "flex flex-row items-center justify-center gap-2" >   
				
			 
			
		
	
		
		
			
				
					
					 
					 
					 
					                < strong  className = "text-blueC0 text-5xl" >   
					 
					 
					 
					                < strong  className = "text-blueC0 text-5xl" >