Function ValidModal

component/ui/validModal.tsx:116–227

(props)

}

export default function ValidModal(props) {
  const [validTime, setValidTime] = useStorage("app-validTime", "1730390400")
  const [inputCode, setInputCode] = useState<string>("")
  const [isValid, setIsValid] = useState(true)

  useEffect(() => {
    if (Number(validTime) > dayjs().unix()) {
      setTimeout(() => {
        handleSubmit()
      }, 1000)
    }
  }, [validTime])

  function handleSubmit() {
    if (Number(validTime) > dayjs().unix()) {
      props.onConfirm()
    } else if (process.env.PLASMO_PUBLIC_CODEBOX_SECRET3 == inputCode) {
      let time = dayjs().add(3, "day").unix()
      setValidTime(String(time))
      setIsValid(true)
      props.onConfirm()
    } else {
      setIsValid(false)
    }
  }

  function handleCancel() {
    props.onClose()
  }

  function help() {
    sendToBackground({
      name: "tab",
      body: {
        url: "feed.html"
      }
    })
  }

  const typeMap = {
    downloadHtml: "下载HTML",
    downloadMarkdown: "下载markdown",
    editMarkdown: "编辑markdown",
    parseMarkdown: "解析markdown",
    downloadPdf: "下载PDF"
  }

  return (
    <div style={styles.overlay} className="codebox-modal">
      <div style={styles.container}>
        <button
          style={styles.closeButton}
          onClick={handleCancel}
          aria-label="Close">
          ×
        </button>
        {Number(validTime) > dayjs().unix() ? (
          <>