5b8113d8e7
* Remove mission text * Change wording * Add link to Read the Docs * Add links to docs in empty log tables * Remove beta block from Dashboard and Request Logs * Make ActionButton onClick optional
66 lines
1.7 KiB
TypeScript
66 lines
1.7 KiB
TypeScript
import {
|
|
Button,
|
|
Modal,
|
|
ModalBody,
|
|
ModalContent,
|
|
ModalFooter,
|
|
ModalHeader,
|
|
ModalOverlay,
|
|
VStack,
|
|
Text,
|
|
HStack,
|
|
Icon,
|
|
Link,
|
|
} from "@chakra-ui/react";
|
|
import { BsStars } from "react-icons/bs";
|
|
import { useSession } from "next-auth/react";
|
|
|
|
export const BetaModal = ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) => {
|
|
const session = useSession();
|
|
|
|
const email = session.data?.user.email ?? "";
|
|
|
|
return (
|
|
<Modal
|
|
isOpen={isOpen}
|
|
onClose={onClose}
|
|
closeOnOverlayClick={false}
|
|
size={{ base: "xl", md: "2xl" }}
|
|
>
|
|
<ModalOverlay />
|
|
<ModalContent w={1200}>
|
|
<ModalHeader>
|
|
<HStack>
|
|
<Icon as={BsStars} />
|
|
<Text>Beta-Only Feature</Text>
|
|
</HStack>
|
|
</ModalHeader>
|
|
<ModalBody maxW="unset">
|
|
<VStack spacing={8} py={4} alignItems="flex-start">
|
|
<Text fontSize="md">
|
|
This feature is currently in beta. To receive early access to beta-only features, join
|
|
the waitlist. You'll receive an email at <b>{email}</b> when you're approved.
|
|
</Text>
|
|
</VStack>
|
|
</ModalBody>
|
|
<ModalFooter>
|
|
<HStack spacing={4}>
|
|
<Button
|
|
as={Link}
|
|
textDecoration="none !important"
|
|
colorScheme="orange"
|
|
target="_blank"
|
|
href={`https://ax3nafkw0jp.typeform.com/to/ZNpYqvAc#email=${email}`}
|
|
>
|
|
Join Waitlist
|
|
</Button>
|
|
<Button colorScheme="blue" onClick={onClose}>
|
|
Done
|
|
</Button>
|
|
</HStack>
|
|
</ModalFooter>
|
|
</ModalContent>
|
|
</Modal>
|
|
);
|
|
};
|