You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
982 B
32 lines
982 B
3 years ago
|
import arrowIcon from "./arrow-icon.svg";
|
||
|
import more from "./more2.svg";
|
||
|
import edit from "./edit.svg";
|
||
|
|
||
|
import { useState } from "react";
|
||
|
|
||
|
export function Buttons({ row }) {
|
||
|
const [activeDetails, setActiveDetails] = useState(null);
|
||
|
return (
|
||
|
<div className="flex flex-row items-center justify-end">
|
||
|
<button
|
||
|
className="flex flex-row items-center justify-around p-2 rounded border border-gray-300 mx-1"
|
||
|
onClick={() => setActiveDetails(!activeDetails)}
|
||
|
{...row.getToggleRowExpandedProps()}
|
||
|
>
|
||
|
جزیات
|
||
|
<img
|
||
|
src={arrowIcon}
|
||
|
alt=""
|
||
|
className={`w-3 cursor-pointer mr-2 ${
|
||
|
activeDetails ? "rotate-60" : "rotate-90"
|
||
|
}`}
|
||
|
/>
|
||
|
</button>
|
||
|
<div className="p-2 rounded border border-gray-300 cursor-pointer mx-1">
|
||
|
<img src={edit} alt="" className="w-4" />
|
||
|
</div>
|
||
|
<img src={more} alt="" className="w-5 cursor-pointer mx-1" />
|
||
|
</div>
|
||
|
);
|
||
|
}
|