trithuc-mvc-react 1.6.5 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -71,7 +71,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
|
|
|
71
71
|
{!disableCellThaoTac && <TableCell align="center">
|
|
72
72
|
{canEdit && (
|
|
73
73
|
<Tooltip title="Chỉnh sửa">
|
|
74
|
-
<IconButton onClick={() => onEdit(row)}>
|
|
74
|
+
<IconButton size={downXl ? "small" : "medium"} onClick={() => onEdit(row)}>
|
|
75
75
|
<EditOutlined color="primary" />
|
|
76
76
|
</IconButton>
|
|
77
77
|
</Tooltip>
|
|
@@ -79,7 +79,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
|
|
|
79
79
|
|
|
80
80
|
{canDelete && (
|
|
81
81
|
<Tooltip title="Xóa">
|
|
82
|
-
<IconButton
|
|
82
|
+
<IconButton size={downXl ? "small" : "medium"}
|
|
83
83
|
onClick={() => {
|
|
84
84
|
onDelete(row[selectedField]);
|
|
85
85
|
}}
|
|
@@ -90,7 +90,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
|
|
|
90
90
|
)}
|
|
91
91
|
{tableActionsOnTable.map(({ title, onClick, element }) => (
|
|
92
92
|
<Tooltip key={title} title={title}>
|
|
93
|
-
<IconButton
|
|
93
|
+
<IconButton size={downXl ? "small" : "medium"}
|
|
94
94
|
onClick={() => {
|
|
95
95
|
onClick(row);
|
|
96
96
|
}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Checkbox, IconButton, Tooltip, Typography, Box } from "@mui/material";
|
|
1
|
+
import { Checkbox, IconButton, Tooltip, Typography, Box, useMediaQuery } from "@mui/material";
|
|
2
2
|
import { Delete } from "@mui/icons-material";
|
|
3
3
|
import { usePermission } from "./hooks";
|
|
4
4
|
import PropTypes from "prop-types";
|
|
@@ -10,6 +10,7 @@ const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDeleteMultipl
|
|
|
10
10
|
const theme = useTheme();
|
|
11
11
|
const isLight = theme.palette.mode === "light";
|
|
12
12
|
const { canDeleteMulti } = usePermission();
|
|
13
|
+
const downXl = useMediaQuery(theme.breakpoints.down("xl"));
|
|
13
14
|
|
|
14
15
|
return (
|
|
15
16
|
numSelected > 0 && (
|
|
@@ -39,7 +40,7 @@ const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDeleteMultipl
|
|
|
39
40
|
|
|
40
41
|
{canDeleteMulti && (
|
|
41
42
|
<Tooltip title="Xóa tất cả" onClick={onDeleteMultiple}>
|
|
42
|
-
<IconButton>
|
|
43
|
+
<IconButton size={downXl ? "small" : "medium"} >
|
|
43
44
|
<Delete color="primary" />
|
|
44
45
|
</IconButton>
|
|
45
46
|
</Tooltip>
|
|
@@ -59,6 +59,7 @@ function DataManagement({
|
|
|
59
59
|
onAddClick = () => {},
|
|
60
60
|
onEditClick = () => {},
|
|
61
61
|
tabPanel,
|
|
62
|
+
backParentNavigator,
|
|
62
63
|
slotProps = {
|
|
63
64
|
header: {
|
|
64
65
|
sx: {}
|
|
@@ -175,6 +176,7 @@ function DataManagement({
|
|
|
175
176
|
<Card>
|
|
176
177
|
{tabPanel}
|
|
177
178
|
<FilterGod filters={filters} elementSize={elementSize} />
|
|
179
|
+
{backParentNavigator}
|
|
178
180
|
<DataTable />
|
|
179
181
|
</Card>
|
|
180
182
|
</FormProvider>
|