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.
|
|
|
import React, { useState } from "react";
|
|
|
|
|
|
|
|
import filter from "./filter.svg";
|
|
|
|
import plus from "./plus.svg";
|
|
|
|
import more from "./more2.svg";
|
|
|
|
import DropDown from "./DropDown";
|
|
|
|
|
|
|
|
export function EditButtons({}) {
|
|
|
|
const [activeFilter, setActiveFilter] = useState(null);
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div className="flex flex-row items-center justify-end">
|
|
|
|
<button
|
|
|
|
className=" flex flex-row items-center p-2 text-xs text-white rounded border-b-2 border-blue-600"
|
|
|
|
style={{ backgroundColor: "#65A9FF" }}
|
|
|
|
>
|
|
|
|
ثبت جدید
|
|
|
|
<img src={plus} alt="" className={`cursor-pointer w-2 mr-1 `} />
|
|
|
|
</button>
|
|
|
|
{/* filter */}
|
|
|
|
<img
|
|
|
|
src={filter}
|
|
|
|
alt=""
|
|
|
|
className={`p-2 rounded border border-blue-300 cursor-pointer w-8 ${
|
|
|
|
activeFilter ? "border" : "border-0"
|
|
|
|
}`}
|
|
|
|
onClick={() => setActiveFilter(!activeFilter)}
|
|
|
|
/>
|
|
|
|
{/* dropDown */}
|
|
|
|
<DropDown />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
EditButtons.defaultProps = {};
|