nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-12-16 07:51:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add download token handling and update verification flow in CloudflarePopup

Browse Source
This commit is contained in:
nyne
2025-11-27 22:21:53 +08:00
parent dd2eab4c4b
commit 48790ef5e0
1 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/pages/resource_details_page.tsx
View File

@@ -878,6 +878,8 @@ function CloudflarePopup({ file }: { file: RFile }) {
const [isLoading, setLoading] = useState(true); const [isLoading, setLoading] = useState(true);
const [downloadToken, setDownloadToken] = useState<string | null>(null);
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
@@ -887,13 +889,17 @@ function CloudflarePopup({ file }: { file: RFile }) {
{isLoading ? ( {isLoading ? (
<div <div
className={ className={
"absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center" "absolute top-0 bottom-8 left-0 right-0 flex items-center justify-center"
} }
> >
<span className={"loading loading-spinner loading-lg"}></span> <span className={"loading loading-spinner loading-lg"}></span>
</div> </div>
) : null} ) : null}
<h3 className={"font-bold m-2"}>{t("Verifying your request")}</h3> <h3 className={"font-bold m-2"}>
{downloadToken ? t("Verification successful") : t("Verifying your request")}
</h3>
{!downloadToken && (
<>
<div className={"h-20 w-full"}> <div className={"h-20 w-full"}>
<Turnstile <Turnstile
siteKey={app.cloudflareTurnstileSiteKey!} siteKey={app.cloudflareTurnstileSiteKey!}
@@ -901,9 +907,7 @@ function CloudflarePopup({ file }: { file: RFile }) {
setLoading(false); setLoading(false);
}} }}
onSuccess={(token) => { onSuccess={(token) => {
closePopup(); setDownloadToken(token);
const link = network.getFileDownloadLink(file.id, token);
window.open(link, "_blank");
}} }}
></Turnstile> ></Turnstile>
</div> </div>
@@ -912,6 +916,23 @@ function CloudflarePopup({ file }: { file: RFile }) {
"Please check your network if the verification takes too long or the captcha does not appear.", "Please check your network if the verification takes too long or the captcha does not appear.",
)} )}
</p> </p>
</>
)}
{downloadToken && (
<div className="p-2">
<a
href={network.getFileDownloadLink(file.id, downloadToken)}
target="_blank"
className="btn btn-primary btn-sm w-full"
onClick={() => {
closePopup();
}}
>
<MdOutlineDownload size={20} />
{t("Download")}
</a>
</div>
)}
</div> </div>
); );
} }