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.
44 lines
1.3 KiB
44 lines
1.3 KiB
import { useState } from "react"; |
|
|
|
import arrowIcon from "./arrow-icon.svg"; |
|
import more from "./more2.svg"; |
|
import edit from "./edit.svg"; |
|
import DropDown from "./DropDown"; |
|
|
|
export const Buttons = ({ row, addTab }) => { |
|
const [activeDetails, setActiveDetails] = useState(null); |
|
return ( |
|
<div className="flex flex-row items-center justify-end "> |
|
<div |
|
className="" |
|
onClick={() => { |
|
setActiveDetails(!activeDetails); |
|
}} |
|
> |
|
<button |
|
className="mx-1 flex flex-row items-center justify-around p-2 rounded border border-gray-300" |
|
{...row.getToggleRowExpandedProps()} |
|
> |
|
جزئیات |
|
<img |
|
src={arrowIcon} |
|
alt="" |
|
className={`mx-1 w-3 cursor-pointer mr-2 transition-all duration-500 ${ |
|
activeDetails ? "rotate-60" : "rotate-90" |
|
}`} |
|
/> |
|
</button> |
|
</div> |
|
<div |
|
className="mx-1 p-2 rounded border border-gray-300 cursor-pointer" |
|
onClick={() => { |
|
addTab({ name: row.original.name, id: row.original.id }); |
|
}} |
|
> |
|
<img src={edit} alt="" className="w-4" /> |
|
</div> |
|
{/* <img src={more} alt="" className="w-5 cursor-pointer" /> */} |
|
<DropDown /> |
|
</div> |
|
); |
|
};
|
|
|