investmentType table Api
This commit is contained in:
@@ -61,7 +61,7 @@ const InvestmentType = () => {
|
||||
error,
|
||||
} = useGetInvestmentTypesQuery({ page: 1, size: 10 })
|
||||
|
||||
console.log(investmentTypes);
|
||||
console.log(investmentTypes?.data?.rows);
|
||||
|
||||
|
||||
|
||||
@@ -97,21 +97,12 @@ const InvestmentType = () => {
|
||||
}, 300);
|
||||
|
||||
// ====================================================[Table Filter]================================================================
|
||||
const filteredData = investmentType.filter((item) => {
|
||||
const filteredData = investmentTypes?.data?.rows?.filter((item) => {
|
||||
// Filter by name (case insensitive)
|
||||
const name = item.investmentName;
|
||||
const name = item.investmentTypeName;
|
||||
const searchLower = searchTerm.toLowerCase();
|
||||
const nameMatches = name.toLowerCase().includes(searchLower);
|
||||
|
||||
// Filter by status
|
||||
// const status = item.status;
|
||||
// const statusLower = status ? "active" : "inactive";
|
||||
|
||||
// const statusMatches =
|
||||
// statusFilter === "all" ||
|
||||
// (statusFilter === "active" && status === true) ||
|
||||
// (statusFilter === "inactive" && status === false);
|
||||
|
||||
return nameMatches;
|
||||
});
|
||||
|
||||
@@ -137,67 +128,23 @@ const InvestmentType = () => {
|
||||
fontWeight={"500"}
|
||||
className="d-flex align-items-center web-text-small"
|
||||
>
|
||||
{item.investmentName}
|
||||
{item.investmentTypeName}
|
||||
</Text>
|
||||
),
|
||||
Description: (
|
||||
<Box w={"200px"} isTruncated={true}>
|
||||
<Text as={"span"} color={"teal.900"} fontWeight={"500"}>
|
||||
{item.description}
|
||||
{item.note}
|
||||
</Text>
|
||||
</Box>
|
||||
),
|
||||
Status: (
|
||||
// <Switch
|
||||
// size={"sm"}
|
||||
// colorScheme="green"
|
||||
// onChange={() => handleUpdateStatus(item.id)}
|
||||
// isChecked={item.status}
|
||||
// />
|
||||
<SwitchButton isSwitchOn={isSwitchOn} setIsSwitchOn={setIsSwitchOn} />
|
||||
<Box w={"200px"} isTruncated={true}>
|
||||
<Text as={"span"} color={"teal.900"} fontWeight={"500"}>
|
||||
{item.isActive}
|
||||
</Text>
|
||||
</Box>
|
||||
),
|
||||
|
||||
// item?.status ? (
|
||||
// <Badge bg={'transparent'} color={"#05c46b"}>
|
||||
// Passed
|
||||
// </Badge>
|
||||
// ) : (
|
||||
// <Badge bg={'transparent'} color={"#f53b57"}>
|
||||
// Not passes
|
||||
// </Badge>
|
||||
// ),
|
||||
|
||||
// "Created At": (
|
||||
// <span className="d-flex justify-content-between align-items-center">
|
||||
// <Text as={"span"} color={"gray.600"} fontWeight={"500"}>
|
||||
// {formatDate(item.createdAt)}
|
||||
// </Text>
|
||||
// <Menu>
|
||||
// <MenuButton className="link p-1 rounded-1">
|
||||
// <HiDotsVertical className="rubix-text-dark fs-6" />
|
||||
// </MenuButton>
|
||||
// <Portal>
|
||||
// <MenuList minWidth="80px">
|
||||
// <RouterLink to={`edit-sponser/${item.id}`}>
|
||||
// <MenuItem className="web-text-medium">Edit</MenuItem>
|
||||
// </RouterLink>
|
||||
// <RouterLink to={`view-sponser/${item.id}`}>
|
||||
// <MenuItem className="web-text-medium">View</MenuItem>
|
||||
// </RouterLink>
|
||||
// <MenuItem
|
||||
// onClick={() => {
|
||||
// setActionId(item?.id);
|
||||
// setDeleteAlert(true);
|
||||
// }}
|
||||
// className="web-text-medium"
|
||||
// >
|
||||
// Delete
|
||||
// </MenuItem>
|
||||
// </MenuList>
|
||||
// </Portal>
|
||||
// </Menu>
|
||||
// </span>
|
||||
// ),
|
||||
Action: (
|
||||
<Box display={"flex"} justifyContent={"center"} gap={2}>
|
||||
<Tooltip
|
||||
|
||||
@@ -8,20 +8,11 @@ const baseUrl = api?.defaults.baseURL;
|
||||
export const investmentType = createApi({
|
||||
reducerPath: "investmentType",
|
||||
baseQuery: fetchBaseQuery({ baseUrl }),
|
||||
tagTypes: ["getInvestmentType"],
|
||||
tagTypes: [],
|
||||
endpoints: (builder) => ({
|
||||
getInvestmentTypes: builder.query({
|
||||
query: ({ page, size }) => `/investmentType/admin?page=${page}&size=${size}`,
|
||||
}),
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
getInvestmentTypeMasterActive: builder.query({
|
||||
query: () => "/investmentType/admin/active",
|
||||
}),
|
||||
|
||||
getInvestmentTypeById: builder.query({
|
||||
query: (id) => `/investmentType/admin/${id}`,
|
||||
}),
|
||||
@@ -29,8 +20,4 @@ export const investmentType = createApi({
|
||||
});
|
||||
|
||||
// Export hooks for usage in functional components
|
||||
export const {
|
||||
useGetInvestmentTypeMasterQuery,
|
||||
useGetInvestmentTypeByIdQuery,
|
||||
useGetInvestmentTypeMasterActiveQuery,
|
||||
} = investmentType;
|
||||
export const { useGetInvestmentTypesQuery, useGetInvestmentTypeByIdQuery } = investmentType;
|
||||
|
||||
Reference in New Issue
Block a user