yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { useGroupQuery } from "@hey/indexer";
2import { H4, Spinner } from "@/components/Shared/UI";
3import { useCreateGroupStore } from "./CreateGroup";
4
5const Minting = () => {
6 const { setScreen, transactionHash, setGroupAddress } = useCreateGroupStore();
7
8 useGroupQuery({
9 notifyOnNetworkStatusChange: true,
10 onCompleted: (data) => {
11 if (data.group) {
12 setGroupAddress(data.group.address);
13 setScreen("success");
14 }
15 },
16 pollInterval: 1500,
17 skip: !transactionHash,
18 variables: { request: { txHash: transactionHash } }
19 });
20
21 return (
22 <div className="m-8 flex flex-col items-center justify-center">
23 <H4>We are preparing your group!</H4>
24 <div className="mt-3 text-center font-semibold text-gray-500 dark:text-gray-200">
25 This will take a few seconds to a few minutes. Please be patient.
26 </div>
27 <Spinner className="mt-8" />
28 </div>
29 );
30};
31
32export default Minting;