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.

46 lines
1.3 KiB

3 years ago
import React, { useState } from "react";
3 years ago
import ButtonNewDesign from "../ButtonNewDesign";
3 years ago
import EditRow from "./EditRow";
3 years ago
3 years ago
const ViewEdit = ({ row }) => {
const [selectedTab, setSelectedTab] = useState(false);
3 years ago
return (
<div className="flex flex-row justify-end gap-x-2">
3 years ago
<div onClick={(e) => e.stopPropagation()}>
<ButtonNewDesign
bgColor={"bg-blue-400"}
bgHoverColor={"hover:bg-blue-600"}
textColor={"text-white"}
border={"border-0"}
borderRadius={"rounded"}
fontSize={"text-xs"}
3 years ago
paddingX={"p-3"}
paddingY={"p-3"}
3 years ago
icon={null}
text={"نمایش"}
{...row.getToggleRowExpandedProps()}
/>
</div>
<div onClick={(e) => e.stopPropagation()}>
<ButtonNewDesign
bgColor={"bg-transparent"}
bgHoverColor={null}
textColor={"text-blue-600"}
border={"border"}
borderColor={"border-blue-600"}
borderRadius={"rounded"}
fontSize={"text-xs"}
3 years ago
paddingX={"p-3"}
paddingY={"p-3"}
3 years ago
icon={null}
text={"ویرایش"}
onClick={() => setSelectedTab(true)}
/>
</div>
{selectedTab === true ? <EditRow row={row} /> : ""}
3 years ago
</div>
);
};
export default ViewEdit;