|  |  | @ -0,0 +1,86 @@ | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | import Title from "./Title"; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | let data = [ | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     id: 1, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     factorId: "ABC12345", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     name: "کلاس حضوری فیزیک کوآنتوم", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     date: "1401/3/3", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     type: 1, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     id: 2, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     factorId: "ABC12345", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     name: "کلاس حضوری فیزیک کوآنتوم", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     date: "1401/3/3", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     type: 2, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     id: 3, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     factorId: "ABC12345", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     name: "کلاس حضوری فیزیک کوآنتوم", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     date: "1401/3/3", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     type: 3, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     id: 4, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     factorId: "ABC12345", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     name: "کلاس حضوری فیزیک کوآنتوم", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     date: "1401/3/3", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     type: 4, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     id: 5, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     factorId: "ABC12345", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     name: "کلاس حضوری فیزیک کوآنتوم", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     date: "1401/3/3", | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     type: 1, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }, | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | ]; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | const MyRegisters = () => { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   return ( | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     <div className="MyRegisters w-[53%] h-full rounded-lg border border-[#E0E0E0] px-1 pt-1"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |       <div className="w-full h-full overflow-y-auto px-4 pt-4"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         {/* ----title-------- */} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         <Title titleText="پنل هوشمند ثبتنامهای من" /> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         {/* ----body-------- */} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         <div className="w-full mt-4"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           {data.map((item, index) => ( | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |             <div key={index} className="w-full border-t border-[#E0E0E0] mb-5"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |               <div className="w-full py-1" style={{ direction: "rtl" }}> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 <div className="w-fit pl-3 border-l border-[#E0E0E0] text-xs text-right"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   {item.factorId} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |               </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |               {/* ------ */} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |               <div className="w-full py-1 flex flex-row-reverse items-center justify-between border-t border-[#E0E0E0]"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 <div | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   className="w-1/2 text-sm text-right overflow-hidden text-ellipsis whitespace-nowrap" | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   style={{ fontFamily: "IRANSansXFaNum-Medium" }} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 > | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   {item.name} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 {/* -- */} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 <div className="w-[30%] pr-2 text-right text-xs text-[#B1B1B1] border-r border-[#E0E0E0]"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   {item.date} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 {/* -- */} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 <div className="w-1/4 h-6 rounded flex items-center justify-center bg-[#DF1452] text-xs text-white text-center cursor-pointer"> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                   {item.type === 1 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     ? "شرکت در دوره" | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     : item.type === 2 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     ? "مکان برگزاری" | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     : item.type === 3 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     ? "دریافت قرارداد" | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                     : "شرکت در آزمون"} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |                 </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |               </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |             </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |           ))} | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |         </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |       </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   ); | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | }; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | export default MyRegisters; |