Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { STATIC_IMAGES_URL } from "@hey/data/constants";
2import { Button, Card, Image } from "@/components/Shared/UI";
3import { useAuthModalStore } from "@/store/non-persisted/modal/useAuthModalStore";
4import { useSignupStore } from "./Signup";
5
6const SignupCard = () => {
7 const { setShowAuthModal } = useAuthModalStore();
8 const { setScreen } = useSignupStore();
9
10 const handleSignupClick = () => {
11 setScreen("choose");
12 setShowAuthModal(true, "signup");
13 };
14
15 return (
16 <Card className="space-y-4 p-5">
17 <Image
18 alt="Dizzy emoji"
19 className="mx-auto size-14"
20 height={56}
21 src={`${STATIC_IMAGES_URL}/emojis/dizzy.png`}
22 width={56}
23 />
24 <div className="space-y-3 text-center">
25 <div className="font-bold">Get your Hey account now!</div>
26 <div>
27 <Button onClick={handleSignupClick}>Signup now</Button>
28 </div>
29 </div>
30 </Card>
31 );
32};
33
34export default SignupCard;