93 lines
2.7 KiB
TypeScript
93 lines
2.7 KiB
TypeScript
import { MdOutlineRemoveRedEye } from "react-icons/md";
|
|
import { Field, Input, Stack } from "@chakra-ui/react";
|
|
import {
|
|
DialogBody,
|
|
DialogCloseTrigger,
|
|
DialogContent,
|
|
DialogHeader,
|
|
DialogRoot,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "../../../components/ui/dialog";
|
|
|
|
function ViewRegisterUsers() {
|
|
return (
|
|
<DialogRoot placement="center">
|
|
<DialogTrigger asChild>
|
|
<MdOutlineRemoveRedEye
|
|
color="#000"
|
|
style={{ cursor: "pointer", fontSize: "16px" }}
|
|
/>
|
|
</DialogTrigger>
|
|
|
|
<DialogContent
|
|
bg={"#fff"}
|
|
w={{ base: '90%', md: '400px' }}
|
|
height={'80vh'}
|
|
overflow={'scroll'}
|
|
overflowX="hidden"
|
|
p={3} // Reduced padding
|
|
bgSize={'md'}
|
|
>
|
|
<DialogHeader bg="white">
|
|
<DialogTitle alignSelf="center" color="black" fontSize="14px">
|
|
View Details
|
|
</DialogTitle>
|
|
</DialogHeader>
|
|
|
|
<DialogBody bg="white">
|
|
<Stack py={3}>
|
|
<Field.Root>
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
First Name
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
Last Name
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
Gender
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
DOB
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
OTP Verified
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
Language
|
|
</Field.Label>
|
|
<Input
|
|
bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
|
|
/>
|
|
</Field.Root>
|
|
</Stack>
|
|
</DialogBody>
|
|
|
|
<DialogCloseTrigger color="black" />
|
|
</DialogContent>
|
|
</DialogRoot>
|
|
);
|
|
}
|
|
|
|
export default ViewRegisterUsers;
|