master
mahdi andalib 3 years ago
parent ab36e19f16
commit 6c35088051
  1. 62
      src/components/ReactTable4/EditRow.js

@ -2,7 +2,7 @@ import React from "react";
import map from "./map.svg"; import map from "./map.svg";
const EditRow = ({ row, columns }) => { const EditRow = ({ row, columns, sentForms }) => {
// console.log(columns); // console.log(columns);
return ( return (
<section <section
@ -352,8 +352,8 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
<img className="my-2 mr-2 border rounded" src={map} /> <img className="my-2 mr-2 border rounded" src={map} />
</div> </div>
{/* formInput */} {/* formInput */}
<div className="flex flex-col "> <div className="flex flex-col flex-1">
<span className="text-md mb-2" style={{ color: "#65A9FF" }}> <span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات: توضیحات:
</span> </span>
<form className="flex flex-col "> <form className="flex flex-col ">
@ -378,16 +378,64 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
</form> </form>
</div> </div>
{/* previous */} {/* previous */}
<div className="flex flex-col "> <div className="flex flex-col relative">
<span className="text-md mb-2" style={{ color: "#65A9FF" }}> <span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات قبلی: توضیحات قبلی:
</span> </span>
<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) => (
<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>
<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> </div>
</div> </div>
</section> </section>
); );
}; };
// {features.map((feature, index) => (
export default EditRow; export default EditRow;
EditRow.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" },
],
};

Loading…
Cancel
Save