Name

Description </p> </ModalBody> <ModalFooter> <Button color="danger" on:click={toggleDeleteModal}>Delete flag</Button> <Button disabled={!name} color="success" on:click={() => updateFlag()}>Edit flag</Button> </ModalFooter> </Modal> <Modal isOpen={deleteModalOpen} toggle={toggleDeleteModal}> <ModalHeader toggle={toggleDeleteModal}>Delete {flag.name} flag</ModalHeader> <ModalBody> Are you sure you want to delete the {flag.name} flag? <strong>This cannot be undone!</strong> </ModalBody> <ModalFooter> <Button color="danger" on:click={() => deleteFlag(flag.id)}>Delete flag</Button> <Button color="secondary" on:click={toggleDeleteModal}>Cancel</Button> </ModalFooter> </Modal> <style> .flag { height: 2rem; max-width: 200px; border-radius: 3px; margin-left: -5px; } textarea { height: 100px; } </style>