Function ClarifyCloseModal

components/warningModal.tsx:126–155

(
  props: ModalProps & { shouldClarify: boolean },
)

}

export function ClarifyCloseModal(
  props: ModalProps & { shouldClarify: boolean },
) {
  const [clarify, setClarify] = useState(false);

  return (
    <>
      <Modal
        {...{
          ...props,
          // Show the clarify modal
          setOpen: () =>
            props.shouldClarify ? setClarify(true) : props.setOpen(false),
        }}
      >
        {props.children}
      </Modal>
      <WarningModal
        open={clarify}
        setOpen={setClarify}
        title={"Discard changes"}
        description={
          "There are unsaved changes. Are you sure you want to discard them?"
        }
        actionName={"Discard"}
        action={() => props.setOpen(false)}
      />
    </>
  );
}