filters updated

This commit is contained in:
2024-07-11 14:53:13 +05:30
parent 9ff6978b51
commit 8af4deba32
6 changed files with 67 additions and 40 deletions

View File

@@ -31,11 +31,11 @@ const Pagination = ({ totalItems, itemsPerPageOptions = [ 10, 15] }) => {
};
return (
<HStack d="flex" justifyContent="flex-end" alignItems="center" >
<HStack d="flex" justifyContent="flex-end" alignItems="center">
{/* <Text className='web-text-small'>Tanami v0.1</Text> */}
<HStack>
<Select
<HStack w={150}>
{/* <Select
className="pointer web-text-small"
width={"90px"}
@@ -49,7 +49,7 @@ const Pagination = ({ totalItems, itemsPerPageOptions = [ 10, 15] }) => {
{size}
</option>
))}
</Select>
</Select> */}
<IconButton
mt={1}
size={'sm'}

View File

@@ -307,29 +307,29 @@ const IODetails = ({ enableNextTab, index, isLoading, setIsLoading }) => {
section: " ",
width: "32.3%",
},
{
label: "IO status",
placeHolder: "Select option",
name: "ioStatus",
type: "select",
// {
// label: "IO status",
// placeHolder: "Select option",
// name: "ioStatus",
// type: "select",
section: " ",
width: "32.3%",
options: [
{
label: "Open",
value: "open",
},
{
label: "Pending",
value: "pending",
},
{
label: "Closed",
value: "closed",
},
],
},
// section: " ",
// width: "32.3%",
// options: [
// {
// label: "Open",
// value: "open",
// },
// {
// label: "Pending",
// value: "pending",
// },
// {
// label: "Closed",
// value: "closed",
// },
// ],
// },
];
const formEditFields = [

View File

@@ -218,7 +218,7 @@ const ViewIOTable = () => {
</Button>
</Tooltip>
<Tooltip
{/* <Tooltip
rounded={"sm"}
fontSize={"xs"}
label="Delete"
@@ -239,7 +239,7 @@ const ViewIOTable = () => {
>
<DeleteIcon />
</Button>
</Tooltip>
</Tooltip> */}
</Box>
),
}));
@@ -281,7 +281,7 @@ const ViewIOTable = () => {
<HStack display={"flex"} alignItems={"center"}>
<Pagination totalItems={10} />
<Link to={"/create-io"}>
{/* <Link to={"/create-io"}>
<Button
ps={4}
pe={4}
@@ -293,7 +293,7 @@ const ViewIOTable = () => {
>
Create IO
</Button>
</Link>
</Link> */}
</HStack>
</HStack>
</Box>

View File

@@ -83,7 +83,6 @@ const ViewIOdata = () => {
</Tab>
))}
</Box>
<Button onClick={()=> navigate(`/create-io/${params?.id}`)} ps={4} pe={4} colorScheme="green" rounded={"sm"} size={'xs'}>Edit IO</Button>
</TabList>
<TabPanels>
{tabs.map(({ content }, index) => (

View File

@@ -1,4 +1,4 @@
import { Box } from "@chakra-ui/react";
import { Box, Button } from "@chakra-ui/react";
import React, { useContext } from "react";
import { useNavigate, useParams } from "react-router-dom";
@@ -8,6 +8,7 @@ import DataTable from "../../../Components/DataTable/DataTable";
import FormInputView from "../../../Components/FormInputView";
const ViewIOdetails = () => {
const navigate = useNavigate()
const params = useParams();
const { IODetails } = useContext(GlobalStateContext);
console.log(IODetails);
@@ -98,12 +99,12 @@ const ViewIOdetails = () => {
width: "32.3%",
section: "",
},
{
label: "IO Status",
value: foundObject?.ioStatus,
width: "32.3%",
section: "",
},
// {
// label: "IO Status",
// value: foundObject?.ioStatus,
// width: "32.3%",
// section: "",
// },
];
const groupedFields = formFields.reduce((groups, field) => {
@@ -119,7 +120,8 @@ const ViewIOdetails = () => {
return <Box>Loading...</Box>;
}
return <FormInputView groupedFields={groupedFields} />;
return <Box position={'relative'}>
<Button position={'absolute'} right={0} onClick={()=> navigate(`/create-io/${params?.id}`)} ps={4} pe={4} colorScheme="green" rounded={"sm"} size={'xs'}>Edit IO</Button> <FormInputView groupedFields={groupedFields} /> </Box>;
};
export default ViewIOdetails;

View File

@@ -280,6 +280,7 @@ const InvestorDetails = () => {
spacing="24px"
>
<Input
mt={1}
type="search"
width={300}
placeholder="Search..."
@@ -289,7 +290,32 @@ const InvestorDetails = () => {
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
/>
<HStack display={"flex"} alignItems={"center"}>
<HStack className="col" display={"flex"} alignItems={"center"}>
<Select focusBorderColor="green.500" size={'sm'} fontSize={'xs'} cursor={'pointer'}>
<option value="" selected disabled hidden>Status</option>
<option value="all">All</option>
<option value="ban">Ban</option>
<option value="unban">UnBan</option>
</Select>
<Select focusBorderColor="green.500" size={'sm'} fontSize={'xs'} cursor={'pointer'}>
<option value="" selected disabled hidden>KYC Status</option>
<option value="all">All</option>
<option value="completed">Completed</option>
<option value="incompleted">Incompleted</option>
</Select>
<Select focusBorderColor="green.500" size={'sm'} fontSize={'xs'} cursor={'pointer'}>
<option value="" selected disabled hidden>Country</option>
<option value="behrain">Behrain</option>
<option value="kuwait">Kuwait</option>
<option value="oman">Oman</option>
<option value="saudi arabia">Saudi arabia</option>
<option value="united arab emirates">United arab emirates</option>
</Select>
<Pagination totalItems={10} />
</HStack>
</HStack>