add reset button for reset local storage and update state renamed

This commit is contained in:
2024-07-14 15:52:51 +03:30
parent c7098dd410
commit 22cae056bf
5 changed files with 54 additions and 11 deletions

View File

@@ -0,0 +1,22 @@
"use client";
import { IconButton, Tooltip } from "@mui/material";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import useTableSetting from "@/lib/hooks/useTableSetting";
function ResetStorage({ user_id, page_name, table_name }) {
const { resetAction } = useTableSetting();
const reset = () => {
resetAction(user_id, page_name, table_name);
};
return (
<Tooltip title="بازنشانی اطلاعات">
<IconButton onClick={reset} aria-label="reset table data">
<AutorenewIcon />
</IconButton>
</Tooltip>
);
}
export default ResetStorage;

View File

@@ -4,7 +4,8 @@ import DataTable_LinearProgressBar from "./LinearProgressBar";
import DataTable_TablePagination from "./TablePagination";
import DataTable_ToolbarInternalButtons from "./ToolbarInternalButtons";
import FilterColumn from "@/core/components/DataTable/filter";
import RefactorTable from "@/core/components/DataTable/refactor/RefactorTable";
import UpdateTable from "@/core/components/DataTable/update/UpdateTable";
import ResetStorage from "@/core/components/DataTable/reset/ResetStorage";
const DataTable_TopToolbar = ({ mutate, need_filter, table, columns, table_url, user_id, page_name, table_name }) => {
const {
@@ -69,7 +70,10 @@ const DataTable_TopToolbar = ({ mutate, need_filter, table, columns, table_url,
justifyContent: "flex-end",
}}
>
<RefactorTable mutate={mutate} />
<ResetStorage user_id={user_id}
page_name={page_name}
table_name={table_name} />
<UpdateTable mutate={mutate} />
{need_filter && (
<FilterColumn
columns={columns}

View File

@@ -2,18 +2,18 @@
import { IconButton, Tooltip } from "@mui/material";
import RestartAltIcon from "@mui/icons-material/RestartAlt";
function RefactorTable({ mutate }) {
const refactor = () => {
function UpdateTable({ mutate }) {
const update = () => {
mutate();
};
return (
<Tooltip title=ازنشانی اطلاعات">
<IconButton onClick={refactor} aria-label="refactor table">
<Tooltip title=روزرسانی اطلاعات">
<IconButton onClick={update} aria-label="refactor table">
<RestartAltIcon />
</IconButton>
</Tooltip>
);
}
export default RefactorTable;
export default UpdateTable;