Spaces:
Running
Running
File size: 2,136 Bytes
13ae717 8185bfc 13ae717 0e9db31 8185bfc 13ae717 8185bfc 13ae717 0e9db31 8185bfc 13ae717 8185bfc 13ae717 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
/* eslint-disable @typescript-eslint/no-explicit-any */
import { useState } from "react";
import { toast } from "sonner";
import { MdSave } from "react-icons/md";
import { useParams } from "next/navigation";
import Loading from "@/components/loading";
import { Button } from "@/components/ui/button";
import { api } from "@/lib/api";
export function SaveButton({
html,
prompts,
}: {
html: string;
prompts: string[];
}) {
// get params from URL
const { namespace, repoId } = useParams<{
namespace: string;
repoId: string;
}>();
const [loading, setLoading] = useState(false);
const updateSpace = async () => {
setLoading(true);
try {
const res = await api.put(`/me/projects/${namespace}/${repoId}`, {
html,
prompts,
});
if (res.data.ok) {
toast.success("Your space is updated! 🎉");
} else {
toast.error(res?.data?.error || "Failed to update space");
}
} catch (err: any) {
toast.error(err.response?.data?.error || err.message);
} finally {
setLoading(false);
}
};
return (
<>
<Button
variant="default"
size="sm"
className="lg:hidden relative"
onClick={updateSpace}
>
Save {loading && <Loading className="ml-2 size-4 animate-spin" />}
</Button>
<Button
variant="default"
className="max-lg:hidden !px-4 relative"
onClick={() => {
let filename = prompt("Nome do arquivo .html:", "index.html");
if (!filename) return;
if (!filename.endsWith('.html')) filename += '.html';
const blob = new Blob([html], { type: "text/html" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
toast.success("HTML baixado com sucesso!");
}}
>
Save to File
<MdSave className="ml-2" />
</Button>
</>
);
}
|