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.

36 lines
990 B

3 years ago
import React, { useState } from "react";
import filter from "./filter.svg";
import plus from "./plus.svg";
import more from "./more2.svg";
3 years ago
import DropDown from "./DropDown";
3 years ago
export function EditButtons({}) {
3 years ago
const [activeFilter, setActiveFilter] = useState(null);
3 years ago
return (
3 years ago
<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"
3 years ago
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 ${
3 years ago
activeFilter ? "border" : "border-0"
}`}
onClick={() => setActiveFilter(!activeFilter)}
/>
{/* dropDown */}
<DropDown />
3 years ago
</div>
);
}
EditButtons.defaultProps = {};