parent
							
								
									fda30fa71b
								
							
						
					
					
						commit
						b5c1a27485
					
				
				 5 changed files with 124 additions and 100 deletions
			
			
		| @ -0,0 +1,64 @@ | |||||||
|  | import React from "react"; | ||||||
|  | 
 | ||||||
|  | const History = ({ sentForms }) => { | ||||||
|  |   return ( | ||||||
|  |     <div className="flex flex-col relative mx-2"> | ||||||
|  |       {/* title */} | ||||||
|  |       <span className="text-sm mb-4" style={{ color: "#65A9FF" }}> | ||||||
|  |         توضیحات قبلی: | ||||||
|  |       </span> | ||||||
|  |       {/* content */} | ||||||
|  |       <div | ||||||
|  |         style={{ | ||||||
|  |           backgroundColor: "#F8FBFF", | ||||||
|  |           borderColor: "#C8DEF9", | ||||||
|  |         }} | ||||||
|  |         className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll	" | ||||||
|  |       > | ||||||
|  |         {/* {sentForms.slice(0, 4).map((sentForm, index) => ( */} | ||||||
|  |         {sentForms.map((sentForm, index) => ( | ||||||
|  |           <div> | ||||||
|  |             {/* content */} | ||||||
|  |             <div className="p-2"> | ||||||
|  |               <p className="text-xs" style={{ color: "#00253A" }}> | ||||||
|  |                 {sentForm.title} | ||||||
|  |               </p> | ||||||
|  |               <p | ||||||
|  |                 className="text-xs text-left mt-2" | ||||||
|  |                 style={{ color: "#6397B5" }} | ||||||
|  |               > | ||||||
|  |                 <span>تاریخ:</span> | ||||||
|  |                 {"  "} | ||||||
|  |                 {sentForm.date} | ||||||
|  |               </p> | ||||||
|  |             </div> | ||||||
|  |             {/* border */} | ||||||
|  |             {Number(index) !== sentForms.length - 1 && ( | ||||||
|  |               <div className="border" style={{ borderColor: "#C8DEF9" }}></div> | ||||||
|  |             )} | ||||||
|  |           </div> | ||||||
|  |         ))} | ||||||
|  |       </div> | ||||||
|  |       {/* left border */} | ||||||
|  |       <div | ||||||
|  |         style={{ bottom: "33%", backgroundColor: "#C8DEF9" }} | ||||||
|  |         className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded" | ||||||
|  |       ></div> | ||||||
|  |     </div> | ||||||
|  |   ); | ||||||
|  | }; | ||||||
|  | 
 | ||||||
|  | export default History; | ||||||
|  | 
 | ||||||
|  | History.defaultProps = { | ||||||
|  |   sentForms: [ | ||||||
|  |     { title: "مشکلات فراقانونی با نظام صنفی", date: "1400/12/6" }, | ||||||
|  |     { title: "ایرادات قانونی در رابطه با تخلف ماده 36", date: "1398/12/6" }, | ||||||
|  |     { title: "مشکلات فراقانونی با نظام صنفی", date: "1400/12/6" }, | ||||||
|  |     { title: "ایرادات قانونی در رابطه با تخلف ماده 36", date: "1398/12/6" }, | ||||||
|  |     { title: "مشکلات فراقانونی با نظام صنفی", date: "1400/12/6" }, | ||||||
|  |     { title: "ایرادات قانونی در رابطه با تخلف ماده 36", date: "1398/12/6" }, | ||||||
|  |     { title: "مشکلات فراقانونی با نظام صنفی", date: "1400/12/6" }, | ||||||
|  |     { title: "ایرادات قانونی در رابطه با تخلف ماده 36", date: "1398/12/6" }, | ||||||
|  |   ], | ||||||
|  | }; | ||||||
| @ -0,0 +1,15 @@ | |||||||
|  | import React from "react"; | ||||||
|  | import map from "./map.svg"; | ||||||
|  | 
 | ||||||
|  | const Location = () => { | ||||||
|  |   return ( | ||||||
|  |     <div className="mx-2"> | ||||||
|  |       <span className="text-xs mr-2" style={{ color: "#65A9FF" }}> | ||||||
|  |         لوکیشن مد نظر: | ||||||
|  |       </span> | ||||||
|  |       <img className="mt-1 mr-2 border border-blue-300 rounded" src={map} /> | ||||||
|  |     </div> | ||||||
|  |   ); | ||||||
|  | }; | ||||||
|  | 
 | ||||||
|  | export default Location; | ||||||
| @ -0,0 +1,33 @@ | |||||||
|  | import React from "react"; | ||||||
|  | 
 | ||||||
|  | const SendForm = () => { | ||||||
|  |   return ( | ||||||
|  |     <div className="flex flex-col flex-1 mx-2"> | ||||||
|  |       <span className="text-sm mb-4" style={{ color: "#65A9FF" }}> | ||||||
|  |         توضیحات: | ||||||
|  |       </span> | ||||||
|  |       <form className="flex flex-col "> | ||||||
|  |         <input | ||||||
|  |           placeholder="موضوع" | ||||||
|  |           className="text-xs mb-2 placeholder-blue-300 rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" | ||||||
|  |           style={{ | ||||||
|  |             backgroundColor: "#F8FBFF", | ||||||
|  |             borderColor: "#C8DEF9", | ||||||
|  |             color: "#00253A", | ||||||
|  |           }} | ||||||
|  |         /> | ||||||
|  |         <textarea | ||||||
|  |           placeholder="متن" | ||||||
|  |           className="resize-none w-full h-32 placeholder-blue-300 text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" | ||||||
|  |           style={{ | ||||||
|  |             backgroundColor: "#F8FBFF", | ||||||
|  |             borderColor: "#C8DEF9", | ||||||
|  |             color: "#00253A", | ||||||
|  |           }} | ||||||
|  |         ></textarea> | ||||||
|  |       </form> | ||||||
|  |     </div> | ||||||
|  |   ); | ||||||
|  | }; | ||||||
|  | 
 | ||||||
|  | export default SendForm; | ||||||
					Loading…
					
					
				
		Reference in new issue