Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import BackButton from "@/components/Shared/BackButton";
2import NotLoggedIn from "@/components/Shared/NotLoggedIn";
3import PageLayout from "@/components/Shared/PageLayout";
4import ProFeatureNotice from "@/components/Shared/ProFeatureNotice";
5import { Card, CardHeader } from "@/components/Shared/UI";
6import { useAccountStore } from "@/store/persisted/useAccountStore";
7import BetaToggle from "./BetaToggle";
8import DefaultToNameToggle from "./DefaultToNameToggle";
9
10const ProSettings = () => {
11 const { currentAccount } = useAccountStore();
12
13 if (!currentAccount) {
14 return <NotLoggedIn />;
15 }
16
17 return (
18 <PageLayout title="Pro settings">
19 <Card>
20 <CardHeader icon={<BackButton path="/settings" />} title="Pro" />
21 {currentAccount.hasSubscribed ? (
22 <div>
23 <div className="space-y-5 p-5">
24 <BetaToggle />
25 <DefaultToNameToggle />
26 </div>
27 </div>
28 ) : (
29 <ProFeatureNotice className="m-5" feature="pro settings" />
30 )}
31 </Card>
32 </PageLayout>
33 );
34};
35
36export default ProSettings;