95 lines
2.5 KiB
TypeScript
95 lines
2.5 KiB
TypeScript
|
import { useEffect, useState } from "react";
|
||
|
|
import FormModal from "./FormModal";
|
||
|
|
import { z } from "zod";
|
||
|
|
import useEvents from "@/lib/hooks/useEvents";
|
||
|
|
import { updateList } from "@/lib/actions/create";
|
||
|
|
import { unixTimeNowInSeconds } from "@/lib/nostr/dates";
|
||
|
|
import { useModal } from "@/app/_providers/modal/provider";
|
||
|
|
import { toast } from "sonner";
|
||
|
|
import { useNDK } from "@/app/_providers/ndk";
|
||
|
|
import { NostrEvent } from "@nostr-dev-kit/ndk";
|
||
|
|
import { getTagValues } from "@/lib/nostr/utils";
|
||
|
|
|
||
|
|
const EditListSchema = z.object({
|
||
|
|
title: z.string(),
|
||
|
|
image: z.string().optional(),
|
||
|
|
description: z.string().optional(),
|
||
|
|
});
|
||
|
|
|
||
|
|
type EditListType = z.infer<typeof EditListSchema>;
|
||
|
|
|
||
|
|
type EditListModalProps = {
|
||
|
|
listEvent: NostrEvent;
|
||
|
|
};
|
||
|
|
export default function EditListModal({ listEvent }: EditListModalProps) {
|
||
|
|
const modal = useModal();
|
||
|
|
const [isLoading, setIsLoading] = useState(false);
|
||
|
|
const [sent, setSent] = useState(false);
|
||
|
|
const { ndk } = useNDK();
|
||
|
|
const { events } = useEvents({
|
||
|
|
filter: {
|
||
|
|
kinds: [listEvent.kind as number],
|
||
|
|
authors: [listEvent.pubkey],
|
||
|
|
since: unixTimeNowInSeconds() - 10,
|
||
|
|
limit: 1,
|
||
|
|
},
|
||
|
|
enabled: sent,
|
||
|
|
});
|
||
|
|
useEffect(() => {
|
||
|
|
if (events.length) {
|
||
|
|
console.log("Done!");
|
||
|
|
setIsLoading(false);
|
||
|
|
toast.success("List Updated!");
|
||
|
|
modal?.hide();
|
||
|
|
}
|
||
|
|
}, [events]);
|
||
|
|
|
||
|
|
async function handleSubmit(listData: EditListType) {
|
||
|
|
setIsLoading(true);
|
||
|
|
const newTags = Object.entries(listData);
|
||
|
|
setSent(true);
|
||
|
|
const result = await updateList(ndk!, listEvent, newTags);
|
||
|
|
}
|
||
|
|
const defaultValues: Partial<EditListType> = {
|
||
|
|
title:
|
||
|
|
getTagValues("title", listEvent.tags) ??
|
||
|
|
getTagValues("name", listEvent.tags),
|
||
|
|
image:
|
||
|
|
getTagValues("image", listEvent.tags) ??
|
||
|
|
getTagValues("picture", listEvent.tags),
|
||
|
|
description:
|
||
|
|
getTagValues("description", listEvent.tags) ??
|
||
|
|
getTagValues("summary", listEvent.tags),
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<FormModal
|
||
|
|
title="Edit List"
|
||
|
|
fields={[
|
||
|
|
{
|
||
|
|
label: "Title",
|
||
|
|
type: "input",
|
||
|
|
slug: "title",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "Image",
|
||
|
|
type: "input",
|
||
|
|
slug: "image",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "Description",
|
||
|
|
type: "text-area",
|
||
|
|
slug: "description",
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
defaultValues={defaultValues ?? {}}
|
||
|
|
formSchema={EditListSchema}
|
||
|
|
onSubmit={handleSubmit}
|
||
|
|
isSubmitting={isLoading}
|
||
|
|
cta={{
|
||
|
|
text: "Save Changes",
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|