81 lines
2.2 KiB
TypeScript
81 lines
2.2 KiB
TypeScript
import { FaRegEdit } from "react-icons/fa";
|
|
import {
|
|
DialogBody,
|
|
DialogCloseTrigger,
|
|
DialogContent,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogRoot,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "../../../components/ui/dialog";
|
|
import { Field, Stack, Text, Textarea } from "@chakra-ui/react";
|
|
import { Button } from "../../../components/ui/button";
|
|
|
|
function PrivacyPolicyAddModel() {
|
|
return (
|
|
<DialogRoot placement="center">
|
|
<DialogTrigger asChild>
|
|
{/* <Button bg={"transparent"} size="sm">
|
|
<MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
|
|
</Button> */}
|
|
<Button bgColor={"#EEEEEE"} pl={3} pr={3} size={"xs"} color={"#000"}>
|
|
{" "}
|
|
<FaRegEdit
|
|
color="#000"
|
|
style={{ height: "14px", width: "14px" }}
|
|
/>{" "}
|
|
<Text color={"#000"} mt={1}>
|
|
Edit
|
|
</Text>
|
|
</Button>
|
|
</DialogTrigger>
|
|
|
|
<DialogContent
|
|
bg={"#fff"}
|
|
// w={{ lg: "60%", md: "230px" }}
|
|
w={{ base: "90%", md: "400px" }}
|
|
height={"auto"}
|
|
p={3} // Reduced padding
|
|
bgSize={"md"}
|
|
>
|
|
<DialogHeader bg="white">
|
|
<DialogTitle alignSelf="center" color="black" fontSize="14px">
|
|
Edit
|
|
</DialogTitle>
|
|
</DialogHeader>
|
|
|
|
<DialogBody bg="white">
|
|
<Stack py={3}>
|
|
<Field.Root>
|
|
<Field.Label color="black" pt={1} fontSize="12px">
|
|
PrivacyPolicy
|
|
</Field.Label>
|
|
<Textarea
|
|
placeholder=""
|
|
bgColor="#EEEEEE"
|
|
color="black"
|
|
border="none"
|
|
p={2}
|
|
fontSize="12px"
|
|
height={'140px'}
|
|
_focusVisible={{outline:'none'}}
|
|
resize={'none'}
|
|
/>
|
|
</Field.Root>
|
|
</Stack>
|
|
</DialogBody>
|
|
<DialogFooter display="flex" justifyContent="center" pt={"2"}>
|
|
<Button w="100%" bg="#02A0A0" color={"#fff"}>
|
|
Save
|
|
</Button>
|
|
</DialogFooter>
|
|
|
|
<DialogCloseTrigger color="black" />
|
|
</DialogContent>
|
|
</DialogRoot>
|
|
);
|
|
}
|
|
|
|
export default PrivacyPolicyAddModel;
|