Spaces:
Running
Running
File size: 1,870 Bytes
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 |
/* 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! 🎉", {
action: {
label: "See Space",
onClick: () => {
window.open(
`https://huggingface.co/spaces/${namespace}/${repoId}`,
"_blank"
);
},
},
});
} 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="sky"
className="max-lg:hidden !px-4"
onClick={updateSpace}
>
<MdSave className="size-4" />
Save your Project{" "}
{loading && <Loading className="ml-2 size-4 animate-spin" />}
</Button>
<Button
variant="sky"
size="sm"
className="lg:hidden"
onClick={updateSpace}
>
Save {loading && <Loading className="ml-2 size-4 animate-spin" />}
</Button>
</>
);
}
|