Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
yoginth.com
refactor: replace Mint component with Choose, Minting, and Success components for enhanced ENS username creation flow
1import { STATIC_IMAGES_URL } from "@hey/data/constants";
2import { Link } from "react-router";
3import { Card, H4, Image } from "@/components/Shared/UI";
4import { useENSCreateStore } from ".";
5
6const Success = () => {
7 const { chosenUsername } = useENSCreateStore();
8
9 return (
10 <Card className="flex flex-col items-center justify-center p-5">
11 <H4>Waaa-hey! You got your ENS name!</H4>
12 <div className="mt-3 text-center font-semibold text-gray-500 dark:text-gray-200">
13 Congrats on claiming your unique ENS name that will last forever! 馃帀
14 </div>
15 <div className="linkify mt-3 text-gray-500 dark:text-gray-200">
16 Visit{" "}
17 <Link
18 target="_blank"
19 to={`https://app.ens.domains/${chosenUsername}.hey.xyz`}
20 >
21 ENS Dashboard
22 </Link>
23 </div>
24 <Image
25 alt="Dizzy emoji"
26 className="mx-auto mt-8 size-14"
27 height={56}
28 src={`${STATIC_IMAGES_URL}/emojis/dizzy.png`}
29 width={56}
30 />
31 </Card>
32 );
33};
34
35export default Success;