"wordpress-plugins/real-cookie-banner/src/public/ts/components/config/hintModal"

Index

Variables

ConfigHintModal

Variables

Const ConfigHintModal

ConfigHintModal: FC<{ identifier: ConfigHintTextIdentifier; title?: string; width?: number }> = observer(({ identifier, width, title }) => {const { optionStore } = useStores();const {others: { modalHints }} = optionStore;const [visible, setVisible] = useState(false);useEffect(() => {setVisible(modalHints.indexOf(identifier) === -1);}, [modalHints.length, identifier]);// Determine title and descriptionconst description = useConfigHintText(identifier);const questionInDesc =typeof description === "string" && description.indexOf("?") > -1 ? description.split("?")[0] : "";const useTitle = title ? title : questionInDesc ? `${questionInDesc}?` : __("What you should definitely know!");const useDescription =typeof description === "string" && typeof useTitle === "string" && questionInDesc? description.replace(useTitle, "").trim(): description;const handleOk = useCallback(() => {optionStore.setModalHintSeen(identifier);}, [identifier, optionStore]);return (<Modalvisible={visible}title={<span><InfoCircleFilled style={{ color: "#1890ff" }} /> {useTitle}</span>}closable={false}onOk={handleOk}width={width}okText={__("Okay, I got it")}cancelButtonProps={{ style: { display: "none" } }}>{useDescription}</Modal>);})