Add CyberConnect and LIT filters

[NftTopBest]

• Gate messages with CyberConnect and LIT
  • User can filter by CyberConnect Social Data: friends, followings, followers
  • User can pick the all filter that means all the conversations will show up event they do not include in the CyberConnect Social Data
  • User can add LIT control filter too
    • User can select which chain to query for the conditions below
    • User can add ETH, ERC20, ERC721, ERC777, ERC1155 token filters with contract address, comparators (<,<=, =, >=, >), and number
    • All of conditions can be Intersection or Union
    • User hit the Calculate with LIT button will trigger query with LIT and also show the calculate result for each condition and the final result
    • The calculate result will be intersection with the CyberConnect Social Data
• In the messages list, user can click on the avatar to go to the W3NS home page to check the user's more detail social informations
  • User can follow / unfollow some one on W3NS home page
  • User can check someone's followers / followings (something like Instagram)
  • User can click on the Chat button to jump to the XMTP application to chat with the user

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
example-chat-react-gitcoin-hackathon	✅ Ready (Inspect)	Visit Preview	Jun 1, 2022 at 3:06AM (UTC)

[NftTopBest]

Hi @petermdenton, here it is.

I deploy it on https://chat.web3nft.social/
And also from https://dev.web3nft.social/0xC6E58fb4aFFB6aB8A392b7CC23CD3feF74517F6C, we can follow/unfollow someone, then click on the chat button to go to the XMTP chat system.

Also in the XMTP chat system, users can click on the avatar to link back to the dev.web3nft.social page ;)

Video demo for Main Application and Chat Application

Also here are some of the screenshots I saved before.
https://github.com/NftTopBest/web3nft.social/tree/main/screenshot

Hackathon Code and Docs here: https://github.com/NftTopBest/web3nft.social/