Module "wordpress-plugins/real-cookie-banner/src/public/ts/components/config/dashboard/checklistItem"
Variables
Const DashboardChecklistItem
Dashboard
ChecklistItem: FC<ResponseRouteChecklistGetEntity & { id?: string; onLinkClick?: DOMAttributes<HTMLAnchorElement>["onClick"] }> = observer(({ id, checked, title, description, link, linkText, linkTarget, needsPro, onLinkClick }) => {const {optionStore: {others: { isPro },fomoCoupon}} = useStores();const isInfo = !isPro && needsPro;let extraContentTag: any = null;let extraContentDescription: any = null;let useLink = link;switch (id) {case "scanner": {const { percent: scanPercent, remaining: scanRemaining, currentJob } = useScannerProgress();if (scanRemaining > 0 && scanPercent > 0 && currentJob?.group_position > 0) {extraContentTag = <Tag>{__("Currently scanning (%d %%)", scanPercent)}</Tag>;}break;}case "get-pro": {extraContentDescription = <InAppFomoCouponCounter />;if (fomoCoupon) {useLink += `&${IN_APP_FOMO_URL_PARAMETER_TO_DEACTIVATE_WEBSITE_FOMO}`;}break;}default:break;}return (<div style={{ margin: "5px 0" }}><Tooltip title={checked && description}><span>{isInfo ? (<InfoCircleFilled style={{ color: "#7ec8ec" }} />) : checked ? (<CheckCircleFilled style={{ color: "#52c41a" }} />) : (<CheckCircleOutlined style={{ color: "#e2e2e2" }} />)}{" "}<span style={{ textDecoration: checked ? "line-through" : undefined, fontWeight: "bold" }}>{title}</span>{!!useLink && !!linkText && (<> • <a href={useLink} target={linkTarget} rel="noreferrer" onClick={onLinkClick}>{linkText}</a></>)}</span></Tooltip>{isInfo && id !== "get-pro" && (<> <Tag color={PRO_TAG_BACKGROUND_COLOR}>{__("Needs PRO")}</Tag></>)}{!!extraContentTag && <> {extraContentTag}</>}{!!description && !checked && (<p className="description" style={{ paddingLeft: 17 }}>{description}</p>)}{!!extraContentDescription && <div style={{ paddingLeft: 17 }}>{extraContentDescription}</div>}</div>);})