45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
|
import { useEffect, useState } from "react";
|
||
|
|
import SubscriptionCard from "@/components/SubscriptionCard";
|
||
|
|
import useCurrentUser from "@/lib/hooks/useCurrentUser";
|
||
|
|
import { useNDK } from "@/app/_providers/ndk";
|
||
|
|
import { type NDKKind, type NDKEvent } from "@nostr-dev-kit/ndk";
|
||
|
|
import { getTagsValues } from "@/lib/nostr/utils";
|
||
|
|
|
||
|
|
type MySubscription = {
|
||
|
|
pubkey: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function MySubscription({ pubkey }: MySubscription) {
|
||
|
|
const { fetchEvents } = useNDK();
|
||
|
|
const { currentUser, mySubscription, follows } = useCurrentUser();
|
||
|
|
const [subscriptionTiers, setSubscriptionTiers] = useState<NDKEvent[]>([]);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
void handleFetchSubscriptionTiers();
|
||
|
|
}, [pubkey]);
|
||
|
|
|
||
|
|
async function handleFetchSubscriptionTiers() {
|
||
|
|
try {
|
||
|
|
const events = await fetchEvents({
|
||
|
|
kinds: [30044 as NDKKind],
|
||
|
|
authors: [pubkey],
|
||
|
|
});
|
||
|
|
setSubscriptionTiers(events);
|
||
|
|
} catch (err) {
|
||
|
|
console.log("error", err);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (!subscriptionTiers.length) return null;
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
{subscriptionTiers.map((e) => {
|
||
|
|
const isMember =
|
||
|
|
currentUser &&
|
||
|
|
getTagsValues("p", e.tags).includes(currentUser.pubkey);
|
||
|
|
if (isMember) return null;
|
||
|
|
return <SubscriptionCard key={e.id} event={e} />;
|
||
|
|
})}
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|