investmentType table Api

This commit is contained in:
YasinShaikh123
2024-07-22 15:18:57 +05:30
parent 9f7cd18b7f
commit e054dafd18
2 changed files with 12 additions and 78 deletions

View File

@@ -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

View File

@@ -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;