mirror of
https://github.com/lumina-rocks/lumina.git
synced 2026-06-05 02:01:47 +02:00
275b523f2d
Update components to include zap tag and related functionalities according to NIP-57. * **RecentZap.tsx** - Add logic to calculate lnurl pay request URL from the zap tag. - Include information on how to validate the nostr query parameter. * **RecentZapsCard.tsx** - Add logic to parse all weights, calculate a sum, and then a percentage to each receiver. - Display zap split configuration in the note. * **Notification.tsx** - Add logic to calculate lnurl pay request URL from the zap tag. - Include information on how to validate the nostr query parameter. * **Notifications.tsx** - No significant changes. * **ZapButton.tsx** - Add logic to calculate lnurl pay request URL from the zap tag. - Include information on how to validate the nostr query parameter. * **ZapButtonListItem.tsx** - Add logic to calculate lnurl pay request URL from the zap tag. - Include information on how to validate the nostr query parameter. --- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/lumina-rocks/lumina?shareId=XXXX-XXXX-XXXX-XXXX).
90 lines
3.1 KiB
TypeScript
90 lines
3.1 KiB
TypeScript
import React from 'react';
|
|
import { useNostrEvents, useProfile } from "nostr-react";
|
|
import { Card, CardHeader, CardTitle, CardContent, CardFooter, CardDescription } from '@/components/ui/card';
|
|
import { Skeleton } from '@/components/ui/skeleton';
|
|
import { AvatarImage } from '@radix-ui/react-avatar';
|
|
import { Avatar } from '@/components/ui/avatar';
|
|
import NIP05 from '@/components/nip05';
|
|
import {
|
|
nip19,
|
|
} from "nostr-tools";
|
|
import Notification from './Notification';
|
|
|
|
interface NotificationsProps {
|
|
pubkey: string;
|
|
}
|
|
|
|
const Notifications: React.FC<NotificationsProps> = ({ pubkey }) => {
|
|
const { data: userData, isLoading: userDataLoading } = useProfile({
|
|
pubkey,
|
|
});
|
|
|
|
// const { events: followers, isLoading: followersLoading } = useNostrEvents({
|
|
// filter: {
|
|
// kinds: [3],
|
|
// '#p': [pubkey],
|
|
// limit: 50,
|
|
// },
|
|
// });
|
|
|
|
const { events, isLoading: isLoading } = useNostrEvents({
|
|
filter: {
|
|
kinds: [7, 9735],
|
|
'#p': [pubkey],
|
|
limit: 50,
|
|
},
|
|
});
|
|
|
|
// const { events: following, isLoading: followingLoading } = useNostrEvents({
|
|
// filter: {
|
|
// kinds: [3],
|
|
// authors: [pubkey],
|
|
// limit: 1,
|
|
// },
|
|
// });
|
|
|
|
// filter for only new followings (latest in a users followers list)
|
|
// const filteredFollowers = followers.filter(follower => {
|
|
// const lastPTag = follower.tags[follower.tags.length - 1];
|
|
// if (lastPTag[0] === "p" && lastPTag[1] === pubkey.toString()) {
|
|
// // console.log(follower.tags[follower.tags.length - 1]);
|
|
// return true;
|
|
// }
|
|
// });
|
|
|
|
// Create a combined and properly sorted array of all notifications
|
|
// const allNotifications = [...(zaps || []), ...(reactions || [])].sort(
|
|
// (a, b) => (b.created_at || 0) - (a.created_at || 0)
|
|
// );
|
|
|
|
return (
|
|
<>
|
|
<div className='pt-6 px-6'>
|
|
{/* <ProfileInfoCard pubkey={pubkey.toString()} /> */}
|
|
<Card>
|
|
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
|
<CardTitle className="text-base font-normal">Notifications</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
{events.length > 0 ? (
|
|
events.map((notification, index) => (
|
|
<Notification key={index} event={notification} />
|
|
))
|
|
) : (
|
|
<div className="text-center py-4 text-muted-foreground">No notifications yet</div>
|
|
)}
|
|
{(!events) && (
|
|
<div className="text-center py-2">
|
|
<Skeleton className="h-12 w-full mb-2" />
|
|
<Skeleton className="h-12 w-full" />
|
|
</div>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Notifications;
|