Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
at main 36 lines 1.1 kB view raw
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;