129 lines
3.4 KiB
TypeScript
129 lines
3.4 KiB
TypeScript
import { Field, Input, Stack } from "@chakra-ui/react";
|
|
import {
|
|
DialogActionTrigger,
|
|
DialogBody,
|
|
DialogCloseTrigger,
|
|
DialogContent,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogRoot,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "../../../components/ui/dialog";
|
|
import { Button } from "../../../components/ui/button";
|
|
import { IoMdAdd } from "react-icons/io";
|
|
|
|
function AddRegisterUsers() {
|
|
return (
|
|
<DialogRoot placement="center">
|
|
<DialogTrigger asChild>
|
|
<Button px={5} size={"xs"} bg={"#02A0A0"}>
|
|
<IoMdAdd /> Add
|
|
</Button>
|
|
</DialogTrigger>
|
|
|
|
<DialogContent
|
|
bg={"#fff"}
|
|
w={{ base: "90%", md: "400px" }}
|
|
maxW="90vw"
|
|
h="auto"
|
|
p={4}
|
|
>
|
|
<DialogHeader bg="white" p={0}>
|
|
<DialogTitle fontSize={"sm"} alignSelf="center" color="black">
|
|
Add User Accounts
|
|
</DialogTitle>
|
|
</DialogHeader>
|
|
|
|
<DialogBody bg="white">
|
|
<Stack pt={3} pb={3}>
|
|
<Field.Root>
|
|
<Field.Label color="black" pt={2} fontSize={"xs"}>
|
|
First Name
|
|
</Field.Label>
|
|
<Input
|
|
name="Priyanka"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
|
|
<Field.Label color="black" pt={2} fontSize={"xs"}>
|
|
Last Name
|
|
</Field.Label>
|
|
<Input
|
|
name="Joshi"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
|
|
<Field.Label pt={2} color="black" fontSize={"xs"}>
|
|
Gender
|
|
</Field.Label>
|
|
<Input
|
|
name="Female"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
|
|
<Field.Label pt={2} color="black" fontSize={"xs"}>
|
|
DOB
|
|
</Field.Label>
|
|
<Input
|
|
name="11/02/1989"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
|
|
<Field.Label pt={2} color="black" fontSize={"xs"}>
|
|
OTP Verified
|
|
</Field.Label>
|
|
<Input
|
|
name="Yes"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
|
|
<Field.Label pt={2} color="black" fontSize={"xs"}>
|
|
Language
|
|
</Field.Label>
|
|
<Input
|
|
name="English, Hindi, Marathi"
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
pl={2}
|
|
size={"xs"}
|
|
/>
|
|
</Field.Root>
|
|
</Stack>
|
|
</DialogBody>
|
|
<DialogFooter mt={5}>
|
|
<DialogActionTrigger asChild>
|
|
<Button rounded={"md"} w={"100%"} size={"sm"} bg={"#02A0A0"}>
|
|
Save
|
|
</Button>
|
|
</DialogActionTrigger>
|
|
</DialogFooter>
|
|
<DialogCloseTrigger color="black" />
|
|
</DialogContent>
|
|
</DialogRoot>
|
|
);
|
|
}
|
|
|
|
export default AddRegisterUsers;
|