Hey is a decentralized and permissionless social media app built with Lens Protocol 🌿
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: add Creator Coin settings route and update account details to always display CreatorCoin component

yoginth.com aa7758e4 42d6e567

verified
+38 -6
+1 -1
apps/web/src/components/Account/Details.tsx
··· 191 191 width={16} 192 192 /> 193 193 )} 194 - {account.isBeta && <CreatorCoin account={account} />} 194 + <CreatorCoin account={account} /> 195 195 </div> 196 196 </div> 197 197 </div>
+30
apps/web/src/components/Settings/CreatorCoin/index.tsx
··· 1 + import CreatorCoinForm from "@/components/Settings/Pro/CreatorCoin"; 2 + import BackButton from "@/components/Shared/BackButton"; 3 + import NotLoggedIn from "@/components/Shared/NotLoggedIn"; 4 + import PageLayout from "@/components/Shared/PageLayout"; 5 + import { Card, CardHeader } from "@/components/Shared/UI"; 6 + import { useAccountStore } from "@/store/persisted/useAccountStore"; 7 + 8 + const CreatorCoinSettings = () => { 9 + const { currentAccount } = useAccountStore(); 10 + 11 + if (!currentAccount) { 12 + return <NotLoggedIn />; 13 + } 14 + 15 + return ( 16 + <PageLayout title="Creator Coin settings"> 17 + <Card> 18 + <CardHeader 19 + icon={<BackButton path="/settings" />} 20 + title="Creator Coin" 21 + /> 22 + <div className="p-5"> 23 + <CreatorCoinForm /> 24 + </div> 25 + </Card> 26 + </PageLayout> 27 + ); 28 + }; 29 + 30 + export default CreatorCoinSettings;
-5
apps/web/src/components/Settings/Pro/index.tsx
··· 5 5 import { Card, CardHeader } from "@/components/Shared/UI"; 6 6 import { useAccountStore } from "@/store/persisted/useAccountStore"; 7 7 import BetaToggle from "./BetaToggle"; 8 - import CreatorCoin from "./CreatorCoin"; 9 8 import DefaultToNameToggle from "./DefaultToNameToggle"; 10 9 11 10 const ProSettings = () => { ··· 24 23 <div className="space-y-5 p-5"> 25 24 <BetaToggle /> 26 25 <DefaultToNameToggle /> 27 - </div> 28 - <div className="divider" /> 29 - <div className="p-5"> 30 - <CreatorCoin /> 31 26 </div> 32 27 </div> 33 28 ) : (
+5
apps/web/src/components/Settings/index.tsx
··· 39 39 url: "/settings/monetize" 40 40 }, 41 41 { 42 + icon: <CurrencyDollarIcon className="size-5" />, 43 + title: "Creator Coin", 44 + url: "/settings/creatorcoin" 45 + }, 46 + { 42 47 icon: <SparklesIcon className="size-5" />, 43 48 title: "Pro", 44 49 url: "/settings/pro"
+2
apps/web/src/routes.tsx
··· 21 21 import Search from "@/components/Search"; 22 22 import AccountSettings from "@/components/Settings"; 23 23 import BlockedSettings from "@/components/Settings/Blocked"; 24 + import CreatorCoinSettings from "@/components/Settings/CreatorCoin"; 24 25 import DeveloperSettings from "@/components/Settings/Developer"; 25 26 import FundsSettings from "@/components/Settings/Funds"; 26 27 import ManagerSettings from "@/components/Settings/Manager"; ··· 70 71 path="personalize" 71 72 /> 72 73 <Route element={<AccountMonetizeSettings />} path="monetize" /> 74 + <Route element={<CreatorCoinSettings />} path="creatorcoin" /> 73 75 <Route element={<ProSettings />} path="pro" /> 74 76 <Route element={<RewardsSettings />} path="rewards" /> 75 77 <Route element={<BlockedSettings />} path="blocked" />