scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-09-10 22:41:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

sonner promise toaster added

Browse source
This commit is contained in:
Tushar Daiya 2024-07-30 12:40:11 +05:30
parent d792e300b0
commit f23f8d286d
1 changed files with 37 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
apps/web/app/(dash)/menu.tsx
View file

@ -111,36 +111,18 @@ function Menu() {
const handleSubmit = async (content?: string, spaces?: number[]) => {
setDialogOpen(false);
toast.info("Creating memory...", {
icon: <PlusCircleIcon className="w-4 h-4 text-white animate-spin" />,
duration: 7500,
});
if (!content || content.length === 0) {
toast.error("Content is required");
return;
throw new Error("Content is required");
}
console.log(spaces);
const cont = await createMemory({
content: content,
spaces: spaces ?? undefined,
});
setContent("");
setSelectedSpaces([]);
if (cont.success) {
toast.success("Memory created", {
richColors: true,
});
} else {
toast.error(`Memory creation failed: ${cont.error}`);
}
return cont;
};
return (
<>
{/* Desktop Menu */}
@ -193,8 +175,24 @@ function Menu() {
<form
action={async (e: FormData) => {
const content = e.get("content")?.toString();
toast.promise(handleSubmit(content, selectedSpaces), {
loading: (
<span>
<PlusCircleIcon className="w-4 h-4 inline mr-2 text-white animate-spin" />{" "}
Creating memory...
</span>
),
success: (data) => {
if (data.success) {
return "Memory created";
} else {
return `Memory creation failed: ${data.error}`;
}
},
error: (error) => `Memory creation failed: ${error}`,
richColors: true,
});
await handleSubmit(content, selectedSpaces);
}}
className="flex flex-col gap-4 "
>
@ -218,7 +216,23 @@ function Menu() {
onKeyDown={(e) => {
if (e.key === "Enter" && !e.shiftKey) {
e.preventDefault();
handleSubmit(content, selectedSpaces);
toast.promise(handleSubmit(content, selectedSpaces), {
loading: (
<span>
<PlusCircleIcon className="w-4 h-4 inline mr-2 text-white animate-spin" />{" "}
Creating memory...
</span>
),
success: (data) => {
if (data.success) {
return "Memory created";
} else {
return `Memory creation failed: ${data.error}`;
}
},
error: (error) => `Memory creation failed: ${error}`,
richColors: true,
});
}
}}
/>