fix: badges

closes #103

src/element/live-chat.tsx

@@ -81,7 +81,7 @@ export function LiveChat({
 
   const reactions = useEventReactions(link, feed.reactions);
   const events = useMemo(() => {
-    return [...feed.messages, ...feed.reactions, ...awards].sort((a, b) => b.created_at - a.created_at);
+    return [...feed.messages, ...feed.reactions, ...awards].filter(a => a.created_at > started).sort((a, b) => b.created_at - a.created_at);
   }, [feed.messages, feed.reactions, awards]);
 
   const filteredEvents = useMemo(() => {

src/element/stream-cards.css

@@ -48,6 +48,7 @@
   gap: 16px;
   flex: 1;
   width: 100%;
+  overflow-wrap: break-word;
 }
 
 .stream-card.image-card {

src/hooks/badges.ts

@@ -12,10 +12,10 @@ export function useBadges(
   leaveOpen = true
 ): { badges: Badge[]; awards: TaggedNostrEvent[] } {
   const rb = useMemo(() => {
+    if (!pubkey) return null;
     const rb = new RequestBuilder(`badges:${pubkey.slice(0, 12)}`);
     rb.withOptions({ leaveOpen });
-    rb.withFilter().authors([pubkey]).kinds([EventKind.Badge]);
-    rb.withFilter().authors([pubkey]).kinds([EventKind.BadgeAward]).since(since);
+    rb.withFilter().authors([pubkey]).kinds([EventKind.Badge, EventKind.BadgeAward]);
     return rb;
   }, [pubkey, since]);
 

src/hooks/cards.ts

@@ -49,9 +49,10 @@ export function useUserCards(pubkey: string, userCards: Array<string[]>, leaveOp
   return cards;
 }
 
-export function useCards(pubkey: string, leaveOpen = false): TaggedNostrEvent[] {
+export function useCards(pubkey?: string, leaveOpen = false): TaggedNostrEvent[] {
   const sub = useMemo(() => {
-    const b = new RequestBuilder(`user-cards:${pubkey.slice(0, 12)}`);
+    if (!pubkey) return null;
+    const b = new RequestBuilder(`user-cards:${pubkey?.slice(0, 12)}`);
     b.withOptions({
       leaveOpen,
     })