Function ToolBox

component/ui/toolBox.tsx:37–112

(props: any)

}

export default function ToolBox(props: any) {
  const [isShowTag, setIsShowTag] = useState(true)
  const handleGetDescription = () => {
    props.onGetDescription()
  }

  const handleEditMarkdown = () => {
    props.onEditMarkdown()
  }

  const handleDownloadMarkdown = () => {
    props.onDownloadMarkdown()
  }

  const handleParseMarkdown = () => {
    props.onParseMarkdown()
  }

  const handlePrint = () => {
    props.onPrint()
  }

  const handleDownloadWord = () => {
    props.onDownloadWord?.()
  }

  const getArticle = () => {
    const href = encodeURIComponent(location.href)
    window.open(`https://paywallbuster.com/articles/?article=${href}`)
  }

  const handleClose = () => {
    setIsShowTag(false)
  }

  return isShowTag ? (
    <div
      id="ws_cmbm"
      className="ws_cmbmc"
      style={{ ...boxStyles.box, ...props.style }}>
      <button style={boxStyles.close} onClick={handleClose} aria-label="Close">
        ×
      </button>
      <img src={qrcodeUrl} alt="qrcodeUrl" style={boxStyles.img} />
      <div style={boxStyles.item}>
        <a onClick={handleGetDescription}>{i18n("getDescription")}</a>
      </div>
      <div style={boxStyles.item}>
        <a onClick={handleEditMarkdown}>{i18n("editMarkdown")}</a>
      </div>
      <div style={boxStyles.item}>
        <a onClick={handleDownloadMarkdown}>{i18n("downloadMarkdown")}</a>
      </div>
      <div style={boxStyles.item}>
        <a onClick={handleParseMarkdown}>{i18n("parseMarkdown")}</a>
      </div>
      <div style={boxStyles.item}>
        <a onClick={handlePrint}>{i18n("downloadPdf")}</a>