import PageHeader from '@/components/PageHeader' import { Text } from '@nextui-org/react' import { Fragment, useEffect, useState } from 'react' import { chatClient } from '@/utils/WalletConnectUtil' import { ChatClientTypes } from '@walletconnect/chat-client' import ChatRequestCard from '@/components/ChatRequestCard' import { useRouter } from 'next/router' export default function ChatRequestsPage() { const router = useRouter() const [chatInvites, setChatInvites] = useState>(new Map()) useEffect(() => { console.log('setting invites:', chatClient.getInvites()) setChatInvites(chatClient.getInvites()) }, []) const acceptChatInvite = async (inviteId: number) => { await chatClient.accept({ id: inviteId }) router.push('/chats') } const rejectChatInvite = async (inviteId: number) => { await chatClient.reject({ id: inviteId }) router.push('/chats') } return ( {chatInvites.size > 0 ? ( Array.from(chatInvites).map(([inviteId, invite]) => { return ( acceptChatInvite(Number(inviteId))} onReject={() => rejectChatInvite(Number(inviteId))} /> ) }) ) : ( No chat requests )} ) }