Creepso/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2026-04-21 00:22:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove Recaptcha

Browse source
This commit is contained in:
Ivan Evans 2025-01-05 16:59:31 -07:00
parent c5ae621176
commit 8c80e8bd1e
1 changed files with 2 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/pages/migration/MigrationDirect.tsx
View file

@ -3,7 +3,6 @@ import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Button } from "@/components/buttons/Button"; import { Button } from "@/components/buttons/Button";
import { Toggle } from "@/components/buttons/Toggle";
import { SettingsCard } from "@/components/layout/SettingsCard"; import { SettingsCard } from "@/components/layout/SettingsCard";
import { CenterContainer } from "@/components/layout/ThinContainer"; import { CenterContainer } from "@/components/layout/ThinContainer";
import { AuthInputBox } from "@/components/text-inputs/AuthInputBox"; import { AuthInputBox } from "@/components/text-inputs/AuthInputBox";
@ -22,11 +21,9 @@ export function MigrationDirectPage() {
const navigate = useNavigate(); const navigate = useNavigate();
const { migrate } = useMigration(); const { migrate } = useMigration();
const [backendUrl, setBackendUrl] = useState(""); const [backendUrl, setBackendUrl] = useState("");
const [recaptchaToken, setRecaptchaToken] = useState<string | undefined>();
const [status, setStatus] = useState< const [status, setStatus] = useState<
"idle" | "success" | "error" | "processing" "idle" | "success" | "error" | "processing"
>("idle"); >("idle");
const [needscaptcha, setNeedscaptcha] = useState(false);
const updateBackendUrl = useAuthStore((state) => state.setBackendUrl); const updateBackendUrl = useAuthStore((state) => state.setBackendUrl);
const handleMigration = useCallback(async () => { const handleMigration = useCallback(async () => {
@ -38,7 +35,7 @@ export function MigrationDirectPage() {
try { try {
setStatus("processing"); setStatus("processing");
const account = await migrate(backendUrl, recaptchaToken); const account = await migrate(backendUrl);
if (account) { if (account) {
setStatus("success"); setStatus("success");
await logout(); await logout();
@ -50,11 +47,7 @@ export function MigrationDirectPage() {
console.error("Error during migration:", error); console.error("Error during migration:", error);
setStatus("error"); setStatus("error");
} }
}, [backendUrl, recaptchaToken, migrate, updateBackendUrl, logout]); }, [backendUrl, migrate, updateBackendUrl, logout]);
const handleToggleChange = () => {
setNeedscaptcha(!needscaptcha);
};
const continueButton = () => { const continueButton = () => {
if (status === "success") { if (status === "success") {
@ -91,35 +84,6 @@ export function MigrationDirectPage() {
)} )}
</SettingsCard> </SettingsCard>
<div className="flex items-center gap-4">
<Toggle enabled={needscaptcha} onClick={handleToggleChange} />
<p
className={`flex-1 font-bold ${
needscaptcha ? "text-white" : "text-type-secondary"
}`}
>
{t("migration.toggleLable")}
</p>
</div>
{needscaptcha && (
<SettingsCard>
<div className="flex justify-between items-center">
<p className="font-bold text-white">
{t("migration.recaptchaLabel")}
</p>
</div>
{recaptchaToken !== null && (
<>
<Divider marginClass="my-6 px-8 box-content -mx-8" />
<AuthInputBox
value={recaptchaToken ?? ""}
onChange={(val) => setRecaptchaToken(val)}
/>
</>
)}
</SettingsCard>
)}
<div className="text-center"> <div className="text-center">
{status !== "success" && ( {status !== "success" && (
<Button theme="purple" onClick={handleMigration}> <Button theme="purple" onClick={handleMigration}>