gluestack

gluestack Logogluestack

Migrate v1 to v2

linhvo29546 posted this in #support
Open in Discord
Avatar
linhvo29546OP
Hello everyone, I'm migrating from v1 to v2. Everything is working fine, but the Modal and Popover components are not displaying despite isOpen=true. I'm not sure if there's a missing configuration.
const ModalSidePeekView = ({ showModal, handleCloseModal }: Props) => (
  <Modal isOpen={showModal} onClose={handleCloseModal} size="full">
    <ModalBackdrop />
    <ModalContent className="flex-1 web:absolute  web:right-0  web:top-0  web:bottom-0  web:mt-[15px]  web:max-w-[488px]">
      <ModalHeader className="h-[114px] shrink-0  self-stretch  background-[linear-gradient(135deg, #1D2B64 0%, #F8CDDA 100%)]">
        <Box
          className="absolute w-[81px] aspect-square bg-[#D9D9D9] rounded-full -bottom-1/3 
          drop-shadow-[0px_6px_15px_rgba(16,24,40,0.08)]
          filter"
        />
      </ModalHeader>
      <ModalBody className="flex-1  justify-center  items-center">
        <Text className="text-[#000]  tracking-md  text-3xl  font-bold">
          Coming soon!
        </Text>
      </ModalBody>
    </ModalContent>
  </Modal>
);

1 Reply