73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
import { Image } from "@shared/image";
|
|
import { RelayContext } from "@shared/relayProvider";
|
|
import { useActiveAccount } from "@stores/accounts";
|
|
import { useChannels } from "@stores/channels";
|
|
import { useChatMessages, useChats } from "@stores/chats";
|
|
import { DEFAULT_AVATAR } from "@stores/constants";
|
|
import { useProfile } from "@utils/hooks/useProfile";
|
|
import { sendNativeNotification } from "@utils/notification";
|
|
import { useContext } from "react";
|
|
import useSWRSubscription from "swr/subscription";
|
|
|
|
export function ActiveAccount({ data }: { data: any }) {
|
|
const ndk = useContext(RelayContext);
|
|
|
|
const lastLogin = useActiveAccount((state: any) => state.lastLogin);
|
|
const notifyChat = useChats((state: any) => state.add);
|
|
const saveChat = useChatMessages((state: any) => state.add);
|
|
const notifyChannel = useChannels((state: any) => state.add);
|
|
|
|
const { user } = useProfile(data.pubkey);
|
|
|
|
useSWRSubscription(user ? ["activeAccount", data.pubkey] : null, () => {
|
|
const since = lastLogin > 0 ? lastLogin : Math.floor(Date.now() / 1000);
|
|
// subscribe to channel
|
|
const sub = ndk.subscribe(
|
|
{
|
|
kinds: [4, 42],
|
|
"#p": [data.pubkey],
|
|
since: since,
|
|
},
|
|
{
|
|
closeOnEose: false,
|
|
},
|
|
);
|
|
|
|
sub.addListener("event", (event) => {
|
|
console.log(event);
|
|
switch (event.kind) {
|
|
case 4:
|
|
// save
|
|
saveChat(data.pubkey, event);
|
|
// update state
|
|
notifyChat(event.pubkey);
|
|
// send native notifiation
|
|
sendNativeNotification("You've received new message");
|
|
break;
|
|
case 42:
|
|
// update state
|
|
notifyChannel(event);
|
|
// send native notifiation
|
|
sendNativeNotification(event.content);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
});
|
|
|
|
return () => {
|
|
sub.stop();
|
|
};
|
|
});
|
|
|
|
return (
|
|
<button type="button" className="relative h-11 w-11 overflow-hidden">
|
|
<Image
|
|
src={user?.image || DEFAULT_AVATAR}
|
|
alt={data.npub}
|
|
className="h-11 w-11 rounded-md object-cover"
|
|
/>
|
|
</button>
|
|
);
|
|
}
|