RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add mutate on row actions

Browse Source
This commit is contained in:
Mohammad Jalali
2024-09-22 07:33:19 +00:00
committed by AmirHossein Mahmoodi
parent f25f6ec962
commit b590095c23
20 changed files with 257 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/api/fake-cities/route.js
View File

@@ -1,18 +1,18 @@
const data = [
{
id : 1,
name : "تهران"
id: 1,
name: "تهران",
},
{
id : 2,
name : "ری"
id: 2,
name: "ری",
},
{
id : 3,
name : "اندیشه"
id: 3,
name: "اندیشه",
},
];
export async function GET() {
return Response.json({ data });
}
}

52
src/app/api/fake-data/route.js
View File

@@ -1,41 +1,41 @@
const data = [
{
id : 1,
aplication_number : 1,
application_date : "1",
province:"tehran",
city:"tehran"
id: 1,
aplication_number: 1,
application_date: "1",
province: "tehran",
city: "tehran",
},
{
id : 2,
aplication_number : 2,
application_date : "1",
province:"tehran",
city:"tehran"
id: 2,
aplication_number: 2,
application_date: "1",
province: "tehran",
city: "tehran",
},
{
id : 3,
aplication_number : 3,
application_date : "1",
province:"tehran",
city:"tehran"
id: 3,
aplication_number: 3,
application_date: "1",
province: "tehran",
city: "tehran",
},
{
id : 4,
aplication_number : 4,
application_date : "1",
province:"tehran",
city:"tehran"
id: 4,
aplication_number: 4,
application_date: "1",
province: "tehran",
city: "tehran",
},
{
id : 5,
aplication_number : 5,
application_date : "1",
province:"tehran",
city:"tehran"
id: 5,
aplication_number: 5,
application_date: "1",
province: "tehran",
city: "tehran",
},
];
export async function GET() {
return Response.json({ data });
}
}

14
src/app/api/fake-provinces/route.js
View File

@@ -1,18 +1,18 @@
const data = [
{
id : 1,
name : "تهران"
id: 1,
name: "تهران",
},
{
id : 2,
name : "مشهد"
id: 2,
name: "مشهد",
},
{
id : 3,
name : "اصفهان"
id: 3,
name: "اصفهان",
},
];
export async function GET() {
return Response.json({ data });
}
}

4
src/app/api/fake-submit/[id]/route.js
View File

@@ -1,3 +1,3 @@
export async function POST() {
return Response.json({message : "Done"});
}
return Response.json({ message: "Done" });
}

7
src/components/dashboard/inquiryPrivacy/assistant/zaminGov/TaskList.jsx
View File

@@ -97,7 +97,7 @@ const TaskList = () => {
filterFn: "equals",
},
],
[],
[]
);
return (
@@ -114,10 +114,7 @@ const TaskList = () => {
positionActionsColumn={"last"}
renderRowActions={({ row, table }) => (
<Tooltip arrow title="نمایش جزئیات" placement="right">
<IconButton
color="success"
onClick={() => console.log("next part")}
>
<IconButton color="success" onClick={() => console.log("next part")}>
<AssignmentIcon />
</IconButton>
</Tooltip>

140
src/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions/Refer/ReferFormContext.jsx
View File

@@ -1,58 +1,66 @@
import {
Autocomplete,
Button, CircularProgress,
Button,
CircularProgress,
DialogActions,
DialogContent,
FormControl, FormHelperText,
InputLabel, OutlinedInput,
FormControl,
FormHelperText,
InputLabel,
OutlinedInput,
Stack,
TextField, Typography
TextField,
Typography,
} from "@mui/material";
import {Controller, useForm} from "react-hook-form";
import {yupResolver} from "@hookform/resolvers/yup";
import {object, string} from "yup";
import { Controller, useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import { object, string } from "yup";
import StyledForm from "@/core/components/StyledForm";
import useCities from "@/lib/hooks/useCities";
import useRequest from "@/lib/hooks/useRequest";
import {REFER_ADMIN_CITY} from "@/core/utils/routes";
import { REFER_ADMIN_CITY } from "@/core/utils/routes";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
city: string().required("وارد کردن شهرستان الزامیست!"),
});
const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
const ReferFormContext = ({ setOpenReferDialog, rowId, mutate }) => {
const defaultValues = {
description: "",
city: "",
};
const { cities, loadingCities, errorCities } = useCities()
const requestServer = useRequest({auth: true})
const { cities, loadingCities, errorCities } = useCities();
const requestServer = useRequest({ auth: true });
const {
control,
register,
handleSubmit,
formState: {isSubmitting, errors, touchedFields},
} = useForm({defaultValues, resolver: yupResolver(validationSchema), mode : "onBlur"})
formState: { isSubmitting, errors, touchedFields },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "onBlur" });
const onSubmit = async (data) => {
const formData = new FormData();
formData.append("description", data.description);
formData.append("cityId", data.city);
requestServer(`${REFER_ADMIN_CITY}/${rowId}`, 'post', {
requestServer(`${REFER_ADMIN_CITY}/${rowId}`, "post", {
data: formData,
}).then(() => {
setOpenReferDialog(false)
mutate()
}).catch(() => {})
}
})
.then(() => {
setOpenReferDialog(false);
mutate();
})
.catch(() => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmit)}>
<DialogContent>
<Stack spacing={2}>
<Stack>
<FormControl error={!!errors.description} size="small" fullWidth variant="outlined">
<InputLabel sx={{pt : 1}} htmlFor="description">توضیحات</InputLabel>
<InputLabel sx={{ pt: 1 }} htmlFor="description">
توضیحات
</InputLabel>
<OutlinedInput
id="description"
label={"توضیحات"}
@@ -62,53 +70,53 @@ const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
{...register("description")}
size="small"
fullWidth
sx={{mt: 1}}
sx={{ mt: 1 }}
type="text"
/>
<FormHelperText
id="description">{errors.description ? errors.description.message : null}</FormHelperText>
<FormHelperText id="description">
{errors.description ? errors.description.message : null}
</FormHelperText>
</FormControl>
</Stack>
<Stack>
<Controller
name="city"
control={control}
render={({field: {onChange, value}, fieldState : {error }}) => (
render={({ field: { onChange, value }, fieldState: { error } }) => (
<FormControl error={!!error} size="small" fullWidth variant="outlined">
<InputLabel htmlFor="city"/>
<InputLabel htmlFor="city" />
{errorCities ? (
<Typography color={"red"}>خطایی در دریافت شهرستان ها رخ داده است!</Typography>
) :
loadingCities ? (
<Typography sx={{display : 'flex', alignItems : "center", gap : 2}}>
<CircularProgress size={20} />
درحال دریافت لیست شهرستان ها
</Typography>
) : (
<Autocomplete
id="city"
size="small"
value={cities.find(city => city.id === value) || null}
disablePortal
options={cities}
getOptionLabel={(city) => city.name}
isOptionEqualToValue={(option, value) => option.id === value.id}
onChange={(event, newValue) => {
onChange(newValue ? newValue.id : "");
}}
renderInput={(params) => (
<TextField
{...params}
autoComplete="off"
error={!!errors.city}
fullWidth
label="شهرستان"
/>
)}
/>
)}
) : loadingCities ? (
<Typography sx={{ display: "flex", alignItems: "center", gap: 2 }}>
<CircularProgress size={20} />
درحال دریافت لیست شهرستان ها
</Typography>
) : (
<Autocomplete
id="city"
size="small"
value={cities.find((city) => city.id === value) || null}
disablePortal
options={cities}
getOptionLabel={(city) => city.name}
isOptionEqualToValue={(option, value) => option.id === value.id}
onChange={(event, newValue) => {
onChange(newValue ? newValue.id : "");
}}
renderInput={(params) => (
<TextField
{...params}
autoComplete="off"
error={!!errors.city}
fullWidth
label="شهرستان"
/>
)}
/>
)}
<FormHelperText id="city">
{errors.city ? errors.city.message : null}
{errors.city ? errors.city.message : null}
</FormHelperText>
</FormControl>
)}
@@ -117,24 +125,14 @@ const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
</Stack>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpenReferDialog(false)}
variant="outlined"
color="secondary"
autoFocus
>
<Button onClick={() => setOpenReferDialog(false)} variant="outlined" color="secondary" autoFocus>
{"انصراف"}
</Button>
<Button
variant="contained"
color="primary"
type={"submit"}
disabled={isSubmitting}
>
{isSubmitting ? "در حال اسال" :"ارجاع"}
<Button variant="contained" color="primary" type={"submit"} disabled={isSubmitting}>
{isSubmitting ? "در حال اسال" : "ارجاع"}
</Button>
</DialogActions>
</StyledForm>
)
}
export default ReferFormContext
);
};
export default ReferFormContext;

41
src/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions/Refer/index.jsx
View File

@@ -1,36 +1,41 @@
import {Dialog, DialogTitle, IconButton, Stack, Tooltip} from "@mui/material";
import ReplyIcon from '@mui/icons-material/Reply';
import { Dialog, DialogTitle, IconButton, Stack, Tooltip } from "@mui/material";
import ReplyIcon from "@mui/icons-material/Reply";
import DialogTransition from "@/core/components/DialogTransition";
import ReferFormContext from "@/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions/Refer/ReferFormContext";
import {useState} from "react";
import { useState } from "react";
const ReferForm = ({rowId, mutate}) => {
const [openReferDialog, setOpenReferDialog] = useState(false)
return(
const ReferForm = ({ rowId, mutate }) => {
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<Stack>
<Tooltip title="ارجاع به شهرستان دیگر" arrow placement="right">
<IconButton
color="primary"
sx={{textTransform: "unset", alignSelf: "center"}}
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
setOpenReferDialog(true)
setOpenReferDialog(true);
}}
>
<ReplyIcon/>
<ReplyIcon />
</IconButton>
</Tooltip>
<Dialog PaperProps={{
sx: {
transition: 'all .3s',
boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'
}
}} open={openReferDialog} fullWidth TransitionComponent={DialogTransition}>
<Dialog
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
open={openReferDialog}
fullWidth
TransitionComponent={DialogTransition}
>
<DialogTitle sx={{ m: 0, p: 2, borderBottom: 1, borderColor: "divider" }} id="create-dialog">
ارجاع به شهرستان دیگر
</DialogTitle>
<ReferFormContext rowId={rowId} mutate={mutate} setOpenReferDialog={setOpenReferDialog} />
</Dialog>
</Stack>
)
}
export default ReferForm
);
};
export default ReferForm;

10
src/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions/index.jsx
View File

@@ -1,8 +1,8 @@
import ReferForm from "@/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions/Refer";
const RowActions = ({row, mutate}) => {
return(
const RowActions = ({ row, mutate }) => {
return (
<ReferForm mutate={mutate} rowId={row.getValue("id")} /> //rowId should pass
)
}
export default RowActions
);
};
export default RowActions;

9
src/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/TaskList.jsx
View File

@@ -1,10 +1,9 @@
"use client";
import { useMemo } from "react";
import { Box, IconButton, Tooltip } from "@mui/material";
import { Box } from "@mui/material";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import AssignmentIcon from "@mui/icons-material/Assignment";
import RowActions from "@/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/RowActions";
import RowActions from "./RowActions";
const TaskList = () => {
const columns = useMemo(
@@ -106,7 +105,7 @@ const TaskList = () => {
filterFn: "equals",
},
],
[],
[]
);
return (
@@ -121,7 +120,7 @@ const TaskList = () => {
table_name={"cityAdminZaminGovList"}
enableRowActions
positionActionsColumn={"last"}
renderRowActions={({ row, table }) => <RowActions row={row}/>}
RowActions={RowActions}
/>
</Box>
</>

1
src/components/dashboard/inquiryPrivacy/cityAdmin/zaminGov/index.jsx
View File

@@ -4,7 +4,6 @@ import { Stack } from "@mui/material";
import TaskList from "./TaskList";
const CityAdminZaminGovComponent = () => {
return (
<Stack spacing={1}>
<PageTitle title={"استعلام حرائم پنجره واحد"} />

7
src/components/dashboard/inquiryPrivacy/generalManager/zaminGov/TaskList.jsx
View File

@@ -97,7 +97,7 @@ const TaskList = () => {
filterFn: "equals",
},
],
[],
[]
);
return (
@@ -114,10 +114,7 @@ const TaskList = () => {
positionActionsColumn={"last"}
renderRowActions={({ row, table }) => (
<Tooltip arrow title="نمایش جزئیات" placement="right">
<IconButton
color="success"
onClick={() => console.log("next part")}
>
<IconButton color="success" onClick={() => console.log("next part")}>
<AssignmentIcon />
</IconButton>
</Tooltip>

140
src/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/Refer/ReferFormContext.jsx
View File

@@ -1,59 +1,67 @@
import {
Autocomplete,
Button, CircularProgress,
Button,
CircularProgress,
DialogActions,
DialogContent,
FormControl, FormHelperText,
InputLabel, OutlinedInput,
FormControl,
FormHelperText,
InputLabel,
OutlinedInput,
Stack,
TextField, Typography
TextField,
Typography,
} from "@mui/material";
import {Controller, useForm} from "react-hook-form";
import {yupResolver} from "@hookform/resolvers/yup";
import {object, string} from "yup";
import { Controller, useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import { object, string } from "yup";
import StyledForm from "@/core/components/StyledForm";
import useProvinces from "@/lib/hooks/useProvince";
import useRequest from "@/lib/hooks/useRequest";
import {REFER_ADMIN_PROVINCE} from "@/core/utils/routes";
import { REFER_ADMIN_PROVINCE } from "@/core/utils/routes";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
province: string().required("وارد کردن استان الزامیست!"),
});
const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
const ReferFormContext = ({ setOpenReferDialog, rowId, mutate }) => {
const defaultValues = {
description: "",
province: "",
};
const { provinces, loadingProvinces, errorProvinces } = useProvinces()
const requestServer = useRequest({auth: true})
const { provinces, loadingProvinces, errorProvinces } = useProvinces();
const requestServer = useRequest({ auth: true });
const {
control,
register,
handleSubmit,
formState: {isSubmitting, errors, touchedFields},
} = useForm({defaultValues, resolver: yupResolver(validationSchema), mode : "onBlur"})
formState: { isSubmitting, errors, touchedFields },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "onBlur" });
const onSubmit = async (data) => {
const formData = new FormData();
formData.append("description", data.description);
formData.append("provinceId", data.province);
requestServer(`${REFER_ADMIN_PROVINCE}/${rowId}`, 'post', {
requestServer(`${REFER_ADMIN_PROVINCE}/${rowId}`, "post", {
data: formData,
}).then(() => {
setOpenReferDialog(false)
mutate()
}).catch(() => {})
}
})
.then(() => {
setOpenReferDialog(false);
mutate();
})
.catch(() => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmit)}>
<DialogContent>
<Stack spacing={2}>
<Stack>
<FormControl error={!!errors.description} size="small" fullWidth variant="outlined">
<InputLabel sx={{pt : 1}} htmlFor="description">توضیحات</InputLabel>
<InputLabel sx={{ pt: 1 }} htmlFor="description">
توضیحات
</InputLabel>
<OutlinedInput
id="description"
label={"توضیحات"}
@@ -63,51 +71,51 @@ const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
{...register("description")}
size="small"
fullWidth
sx={{mt: 1}}
sx={{ mt: 1 }}
type="text"
/>
<FormHelperText
id="description">{errors.description ? errors.description.message : null}</FormHelperText>
<FormHelperText id="description">
{errors.description ? errors.description.message : null}
</FormHelperText>
</FormControl>
</Stack>
<Stack>
<Controller
name="province"
control={control}
render={({field: {onChange, value}, fieldState : {error }}) => (
render={({ field: { onChange, value }, fieldState: { error } }) => (
<FormControl error={!!error} size="small" fullWidth variant="outlined">
<InputLabel htmlFor="province"/>
<InputLabel htmlFor="province" />
{errorProvinces ? (
<Typography color={"red"}>خطایی در دریافت استان ها رخ داده است!</Typography>
) :
loadingProvinces ? (
<Typography sx={{display : 'flex', alignItems : "center", gap : 2}}>
<CircularProgress size={20} />
درحال دریافت لیست استان ها
</Typography>
) : (
<Autocomplete
id="province"
size="small"
value={provinces.find(province => province.id === value) || null}
disablePortal
options={provinces}
getOptionLabel={(province) => province.name}
isOptionEqualToValue={(option, value) => option.id === value.id}
onChange={(event, newValue) => {
onChange(newValue ? newValue.id : "");
}}
renderInput={(params) => (
<TextField
{...params}
autoComplete="off"
error={!!errors.province}
fullWidth
label="استان"
/>
)}
/>
)}
<Typography color={"red"}>خطایی در دریافت استان ها رخ داده است!</Typography>
) : loadingProvinces ? (
<Typography sx={{ display: "flex", alignItems: "center", gap: 2 }}>
<CircularProgress size={20} />
درحال دریافت لیست استان ها
</Typography>
) : (
<Autocomplete
id="province"
size="small"
value={provinces.find((province) => province.id === value) || null}
disablePortal
options={provinces}
getOptionLabel={(province) => province.name}
isOptionEqualToValue={(option, value) => option.id === value.id}
onChange={(event, newValue) => {
onChange(newValue ? newValue.id : "");
}}
renderInput={(params) => (
<TextField
{...params}
autoComplete="off"
error={!!errors.province}
fullWidth
label="استان"
/>
)}
/>
)}
<FormHelperText id="province">
{errors.province ? errors.province.message : null}
</FormHelperText>
@@ -118,24 +126,14 @@ const ReferFormContext = ({setOpenReferDialog, rowId, mutate}) => {
</Stack>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpenReferDialog(false)}
variant="outlined"
color="secondary"
autoFocus
>
<Button onClick={() => setOpenReferDialog(false)} variant="outlined" color="secondary" autoFocus>
{"انصراف"}
</Button>
<Button
variant="contained"
color="primary"
type={"submit"}
disabled={isSubmitting}
>
{isSubmitting ? "در حال اسال" :"ارجاع"}
<Button variant="contained" color="primary" type={"submit"} disabled={isSubmitting}>
{isSubmitting ? "در حال اسال" : "ارجاع"}
</Button>
</DialogActions>
</StyledForm>
)
}
export default ReferFormContext
);
};
export default ReferFormContext;

44
src/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/Refer/index.jsx
View File

@@ -1,37 +1,41 @@
import {Dialog, DialogTitle, IconButton, Stack, Tooltip} from "@mui/material";
import ReplyIcon from '@mui/icons-material/Reply';
import { Dialog, DialogTitle, IconButton, Stack, Tooltip } from "@mui/material";
import ReplyIcon from "@mui/icons-material/Reply";
import DialogTransition from "@/core/components/DialogTransition";
import {useState} from "react";
import ReferFormContext
from "@/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/Refer/ReferFormContext";
import { useState } from "react";
import ReferFormContext from "@/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/Refer/ReferFormContext";
const ReferForm = ({rowId, mutate}) => {
const [openReferDialog, setOpenReferDialog] = useState(false)
return(
const ReferForm = ({ rowId, mutate }) => {
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<Stack>
<Tooltip title="ارجاع به استان دیگر" arrow placement="right">
<IconButton
color="primary"
sx={{textTransform: "unset", alignSelf: "center"}}
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
setOpenReferDialog(true)
setOpenReferDialog(true);
}}
>
<ReplyIcon/>
<ReplyIcon />
</IconButton>
</Tooltip>
<Dialog PaperProps={{
sx: {
transition: 'all .3s',
boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'
}
}} open={openReferDialog} fullWidth TransitionComponent={DialogTransition}>
<Dialog
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
open={openReferDialog}
fullWidth
TransitionComponent={DialogTransition}
>
<DialogTitle sx={{ m: 0, p: 2, borderBottom: 1, borderColor: "divider" }} id="create-dialog">
ارجاع به استان دیگر
</DialogTitle>
<ReferFormContext rowId={rowId} mutate={mutate} setOpenReferDialog={setOpenReferDialog} />
</Dialog>
</Stack>
)
}
export default ReferForm
);
};
export default ReferForm;

10
src/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/index.jsx
View File

@@ -1,8 +1,8 @@
import ReferForm from "@/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/RowActions/Refer";
const RowActions = ({row, mutate}) => {
return(
const RowActions = ({ row, mutate }) => {
return (
<ReferForm mutate={mutate} rowId={row.getValue("id")} /> //rowId should pass
)
}
export default RowActions
);
};
export default RowActions;

4
src/components/dashboard/inquiryPrivacy/provinceAdmin/zaminGov/TaskList.jsx
View File

@@ -106,7 +106,7 @@ const TaskList = () => {
filterFn: "equals",
},
],
[],
[]
);
return (
@@ -121,7 +121,7 @@ const TaskList = () => {
table_name={"provinceAdminZaminGovList"}
enableRowActions
positionActionsColumn={"last"}
renderRowActions={({ row, table }) => <RowActions row={row}/>}
renderRowActions={({ row, table }) => <RowActions row={row} />}
/>
</Box>
</>

8
src/core/components/DataTable/Main.js
View File

@@ -21,6 +21,7 @@ const DataTable_Main = (props) => {
initialStateProps,
TableToolbar,
table_title,
RowActions,
} = props;
const flatColumns = flattenArrayOfObjects(columns, "columns");
const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
@@ -106,11 +107,8 @@ const DataTable_Main = (props) => {
manualSorting: true,
onPaginationChange: setPagination,
onSortingChange: onSortingChange,
renderTopToolbarCustomActions: ({ table }) => (
<>
{TableToolbar && <TableToolbar mutate={mutate} />}
</>
),
renderTopToolbarCustomActions: ({ table }) => <>{TableToolbar && <TableToolbar mutate={mutate} />}</>,
renderRowActions: ({ row }) => <RowActions row={row} mutate={mutate} />,
...props,
});

7
src/core/components/DataTableWithAuth.jsx
View File

@@ -3,11 +3,6 @@ import { useAuth } from "@/lib/contexts/auth";
const DataTableWithAuth = (props) => {
const { user } = useAuth();
return (
<DataTable
user_id={user.username}
{...props}
/>
);
return <DataTable user_id={user.username} {...props} />;
};
export default DataTableWithAuth;

8
src/core/utils/routes.js
View File

@@ -6,7 +6,7 @@ export const CHANGE_USER_PASSWORD = api + "/api/v3/profile/change_password";
export const GET_LOGIN_ROUTE = api + "/login_dev";
export const GET_PERMISSIONS_ROUTE = api + "/webapi/user/get-permission";
export const GET_SIDEBAR_BADGE_ROUTE = api + "/v2/activity_statistics";
export const REFER_ADMIN_PROVINCE = "/v3/api/fake-submit"
export const REFER_ADMIN_CITY = "/v3/api/fake-submit"
export const GET_CITY_LISTS = "/v3/api/fake-cities"
export const GET_PROVINCE_LISTS = "/v3/api/fake-provinces"
export const REFER_ADMIN_PROVINCE = "/v3/api/fake-submit";
export const REFER_ADMIN_CITY = "/v3/api/fake-submit";
export const GET_CITY_LISTS = "/v3/api/fake-cities";
export const GET_PROVINCE_LISTS = "/v3/api/fake-provinces";

2
src/lib/hooks/useCities.js
View File

@@ -1,6 +1,6 @@
import { useState, useEffect } from "react";
import axios from "axios";
import {GET_CITY_LISTS} from "@/core/utils/routes";
import { GET_CITY_LISTS } from "@/core/utils/routes";
const useCities = () => {
const [cities, setCities] = useState([]);

2
src/lib/hooks/useProvince.js
View File

@@ -1,6 +1,6 @@
import { useState, useEffect } from "react";
import axios from "axios";
import {GET_PROVINCE_LISTS} from "@/core/utils/routes";
import { GET_PROVINCE_LISTS } from "@/core/utils/routes";
const useProvinces = () => {
const [provinces, setProvinces] = useState([]);