chore: update text (#7)

lutralabs · Jun 9, 2024 · b812051 · b812051
1 parent 72aa017
commit b812051
Show file tree

Hide file tree

Showing 20 changed files with 57 additions and 54 deletions.
diff --git a/README.md b/README.md
@@ -3,6 +3,7 @@
 ## Intro to monorepo
 
 The monorepo consists of three main parts:
+
 * [Contracts](packages/contracts)
 * [Dapp](packages/dapp)
 * [Subgraphs](packages/subgraphs)
@@ -18,7 +19,7 @@ pnpm lint
 
 ## Deployed contracts and EAS schemas
 
-### EESCore deployed contracts:
+### EESCore deployed contracts
 
 * Mainnet: TODO
 * Base: TODO

diff --git a/packages/dapp/src/app/claim/ClaimCard.tsx b/packages/dapp/src/app/claim/ClaimCard.tsx
@@ -122,7 +122,7 @@ export const ClaimCard = () => {
 
     if (isQuotaError || isDonationBalanceError) {
       return (
-        <div className="text-sm text-red-500">Could not estimate value</div>
+        <div className="text-sm text-red-500">Couldn't estimate value.</div>
       );
     }
 
@@ -177,7 +177,7 @@ export const ClaimCard = () => {
     <Card className="p-4 flex flex-col gap-y-4 overflow-hidden shadow-lg">
       <div className="bg-primary-50 rounded-xl text-primary-800 p-4">
         <div className="flex items-center gap-x-1 text-thin text-gray-600 text-sm pb-4">
-          Unclaimed donations
+          Tips available to claim
         </div>
         <div className="flex flex-col text-xl font-semibold max-h-72 overflow-auto">
           {DonationBalance}
@@ -219,7 +219,7 @@ export const ClaimCard = () => {
         >
           {donationBalance?.toString() === '0'
             ? 'Nothing to claim'
-            : 'Claim donations'}
+            : 'Claim tips'}
         </Button>
       )}
     </Card>

diff --git a/packages/dapp/src/app/layout.tsx b/packages/dapp/src/app/layout.tsx
@@ -15,24 +15,24 @@ const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
   metadataBase: new URL('https://ees-eosin.vercel.app'),
-  title: 'Endorse - Ethereum Endorsement Service',
-  description: 'The next generation Web3 social layer.',
+  title: 'endorse.fun - Ethereum Endorsement Service',
+  description: 'The next upgrade for Web3 social layer.',
   robots: {
     // FIXME: Update for production release
     index: false,
     follow: false,
   },
   openGraph: {
-    description: 'The next generation Web3 social layer.',
-    siteName: 'Endorse.fun',
-    title: 'Endorse - Ethereum Endorsement Service',
+    description: 'The next upgrade for Web3 social layer.',
+    siteName: 'endorse.fun',
+    title: 'endorse.fun - Ethereum Endorsement Service',
     type: 'article',
     url: '/',
   },
   twitter: {
     card: 'summary_large_image',
-    title: 'Endorse - Ethereum Endorsement Service',
-    description: 'The next generation Web3 social layer.',
+    title: 'endorse.fun - Ethereum Endorsement Service',
+    description: 'The next upgrade for Web3 social layer.',
   },
 };
 

diff --git a/packages/dapp/src/app/opengraph-image.tsx b/packages/dapp/src/app/opengraph-image.tsx
@@ -2,7 +2,7 @@ import { APP_URL } from '@/utils';
 import { ImageResponse } from 'next/og';
 
 export const runtime = 'nodejs';
-export const alt = 'Check out my profile on Endorse.fun!';
+export const alt = 'Check out my profile on endorse.fun!';
 export const size = {
   width: 1200,
   height: 630,
@@ -34,7 +34,7 @@ export default async function Image() {
                 fontWeight: 'bold',
               }}
             >
-              Endorse.fun
+              endorse.fun
             </h2>
             <div tw="flex text-2xl">
               <div>{'Build Web3 '}</div>

diff --git a/packages/dapp/src/app/page.tsx b/packages/dapp/src/app/page.tsx
@@ -20,10 +20,10 @@ export default async function Page({
             <br /> with <span className="text-primary">Endorsements</span>
           </h1>
           <h3 className="text-2xl mt-4 font-medium tracking-tight text-center text-gray-700">
-            Endorse any address, ENS domain or social account.
+            Endorse any Ethereum address, ENS or social account.
           </h3>
           <Button size="lg" className="mt-12 text-xl font-semibold p-6">
-            <Link href="/">Start Endorsing</Link>
+            <Link href="/">Launch App</Link>
           </Button>
         </div>
         <Container className="pt-16 max-w-[1440px]">

diff --git a/packages/dapp/src/app/profile/[slug]/Dashboard.tsx b/packages/dapp/src/app/profile/[slug]/Dashboard.tsx
@@ -25,9 +25,7 @@ export const Dashboard = async ({ account, network }: DashboardProps) => {
       <Card className="rounded-sm shadow-md border-2 border-b-1 border-gray-200">
         <CardHeader>
           <CardTitle>Top Endorsers</CardTitle>
-          <CardDescription>
-            Most endorsed accounts, that endorsed this profile!
-          </CardDescription>
+          <CardDescription>Who already endorsed this profile?</CardDescription>
         </CardHeader>
         <CardContent
           className={cn(
@@ -41,7 +39,7 @@ export const Dashboard = async ({ account, network }: DashboardProps) => {
         >
           {error && <div className="text-sm text-red-500">{error}</div>}
           {topEndorsers.length === 0 && (
-            <div className="text-sm text-gray-600">No endorsements yet</div>
+            <div className="text-sm text-gray-600">No endorsements yet!</div>
           )}
           {topEndorsers.map((endorser) => (
             <Fragment key={endorser.id}>
@@ -57,9 +55,9 @@ export const Dashboard = async ({ account, network }: DashboardProps) => {
       </Card>
       <Card className="rounded-sm shadow-md border-2 border-b-1 border-gray-200">
         <CardHeader>
-          <CardTitle>Top Donators</CardTitle>
+          <CardTitle>Top Tippers</CardTitle>
           <CardDescription>
-            Accounts that donated the most to this profile!
+            Who sent the highest tips to this profile?
           </CardDescription>
         </CardHeader>
         <CardContent
@@ -74,7 +72,7 @@ export const Dashboard = async ({ account, network }: DashboardProps) => {
         >
           {error && <div className="text-sm text-red-500">{error}</div>}
           {topDonators.length === 0 && (
-            <div className="text-sm text-gray-600">No donations yet</div>
+            <div className="text-sm text-gray-600">No tips yet!</div>
           )}
           {topDonators.map((donator) => (
             <Fragment key={donator.id}>

diff --git a/packages/dapp/src/app/profile/[slug]/Explorer.tsx b/packages/dapp/src/app/profile/[slug]/Explorer.tsx
@@ -5,7 +5,7 @@ export const Explorer = () => {
     <div className="flex flex-col gap-y-4 overflow-auto px-2 pb-2">
       <Card className="rounded-sm shadow-md border-2 border-b-1 border-gray-200">
         <CardHeader>
-          <CardTitle>Endorsment explorer</CardTitle>
+          <CardTitle>Endorsement Explorer</CardTitle>
         </CardHeader>
         <CardContent>🚧 Under construction 🚧</CardContent>
       </Card>

diff --git a/packages/dapp/src/app/profile/[slug]/Feed.tsx b/packages/dapp/src/app/profile/[slug]/Feed.tsx
@@ -48,7 +48,7 @@ export const Feed = ({ account, platform, tab, network }: FeedProps) => {
             scroll={false}
             prefetch={false}
           >
-            Dashboard
+            Summary
           </Link>
           <Link
             href={`?platform=${platform}&tab=explorer`}

diff --git a/packages/dapp/src/app/profile/[slug]/ShareDialog.tsx b/packages/dapp/src/app/profile/[slug]/ShareDialog.tsx
@@ -60,7 +60,7 @@ export function ShareDialog({
             <div>Share on</div>
             <TwitterShareButton
               url={shareLink}
-              title={'Check out my profile on Endorse.fun!'}
+              title={'Check out my profile on endorse.fun!'}
               hashtags={['web3', 'endorsements', 'reputation']}
               className="flex items-center justify-center gap-x-2"
             >
@@ -69,7 +69,7 @@ export function ShareDialog({
             <Link
               prefetch={false}
               href={`https://hey.xyz/?text=${encodeURIComponent(
-                `Check out my profile on Endorse.fun!\n ${shareLink}\n`
+                `Check out my profile on endorse.fun!\n ${shareLink}\n`
               )}&hashtags=${encodeURIComponent('Masca,Identity,Credential')}`}
               target="_blank"
             >
@@ -83,7 +83,7 @@ export function ShareDialog({
             <Link
               prefetch={false}
               href={`https://warpcast.com/~/compose?text=${encodeURIComponent(
-                'Check out my profile on Endorse.fun!'
+                'Check out my profile on endorse.fun!'
               )}&embeds[]=${shareLink}`}
               target="_blank"
             >

diff --git a/packages/dapp/src/app/profile/[slug]/page.tsx b/packages/dapp/src/app/profile/[slug]/page.tsx
@@ -88,10 +88,10 @@ export async function generateMetadata({
 }: PageProps): Promise<Metadata> {
   return {
     title: `Profile | ${slug}`,
-    description: 'Check out my profile on Endorse.fun!',
+    description: 'Check out my profile on endorse.fun!',
     openGraph: {
-      siteName: 'Endorse.fun',
-      description: 'The next generation Web3 social layer.',
+      siteName: 'endorse.fun',
+      description: 'The next upgrade for Web3 social layer.',
       images: [
         {
           url: `/api/og?account=${slug}&platform=${searchParams.platform}`,
@@ -100,13 +100,13 @@ export async function generateMetadata({
           alt: 'Profile Page Image',
         },
       ],
-      title: 'Check out my profile on Endorse.fun!',
+      title: 'Check out my profile on endorse.fun!',
       type: 'article',
       url: `/profile/${slug}?platform=${searchParams.platform}`,
     },
     twitter: {
       card: 'summary_large_image',
-      title: 'Check out my profile on Endorse.fun!',
+      title: 'Check out my profile on endorse.fun!',
       description: 'Profile Page',
       images: [
         {

diff --git a/packages/dapp/src/components/ConnectButtonCustom/index.tsx b/packages/dapp/src/components/ConnectButtonCustom/index.tsx
@@ -17,7 +17,7 @@ const ConnectButtonCustom = React.forwardRef<HTMLButtonElement, ButtonProps>(
               {...props}
               ref={ref}
             >
-              Connect Wallet
+              Connect wallet
             </Button>
           );
         }}

diff --git a/packages/dapp/src/components/EndorseForm/CommentButton.tsx b/packages/dapp/src/components/EndorseForm/CommentButton.tsx
@@ -12,7 +12,7 @@ export const CommentButton = ({ onMouseDown }: CommentButtonProps) => {
       className="bg-primary-50 hover:bg-primary-100 rounded-full flex gap-x-2"
     >
       <ChatBubbleBottomCenterTextIcon className="w-6 h-6 text-primary" />
-      <div className="text-thin text-gray-600 text-sm">Add Comment</div>
+      <div className="text-thin text-gray-600 text-sm">Add comment</div>
     </Button>
   );
 };
diff --git a/packages/dapp/src/components/EndorseForm/CommentCard.tsx b/packages/dapp/src/components/EndorseForm/CommentCard.tsx
@@ -18,7 +18,7 @@ export const CommentCard = ({ close }: CommentCardProps) => {
       <div className="flex justify-between">
         <div className="flex items-center gap-x-1">
           <ChatBubbleBottomCenterTextIcon className="w-6 h-6 text-primary" />
-          <div className="text-thin text-gray-600 text-sm">Add Comment</div>
+          <div className="text-thin text-gray-600 text-sm">Add comment</div>
         </div>
         <Button
           onMouseDown={() => {

diff --git a/packages/dapp/src/components/EndorseForm/DonationButton.tsx b/packages/dapp/src/components/EndorseForm/DonationButton.tsx
@@ -12,7 +12,7 @@ export const DonationButton = ({ onMouseDown }: DonationButtonProps) => {
       className="bg-primary-50 hover:bg-primary-100 rounded-full flex gap-x-2"
     >
       <GiftIcon className="w-6 h-6 text-primary" />
-      <div className="text-thin text-gray-600 text-sm">Add Donation</div>
+      <div className="text-thin text-gray-600 text-sm">Add tip</div>
     </Button>
   );
 };
diff --git a/packages/dapp/src/components/EndorseForm/DonationCard.tsx b/packages/dapp/src/components/EndorseForm/DonationCard.tsx
@@ -48,7 +48,7 @@ export const DonationCard = ({ close }: DonationCardProps) => {
               d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
             />
           </svg>
-          <div className="text-thin text-gray-600 text-sm">Add Donation</div>
+          <div className="text-thin text-gray-600 text-sm">Add tip</div>
         </div>
         <Button
           onMouseDown={() => {

diff --git a/packages/dapp/src/components/EndorseForm/EndorseeCard.tsx b/packages/dapp/src/components/EndorseForm/EndorseeCard.tsx
@@ -11,12 +11,16 @@ import { useEndorsementStore } from '@/stores';
 import { useRouter } from 'next/navigation';
 import { Button } from '@/components/ui/button';
 
-const ENDORSMENT_OPTIONS = [
-  { value: 'web3', label: 'Web3Explorer' },
+const ENDORSEMENT_OPTIONS = [
+  { value: 'web3', label: 'Web3 explorer' },
   { value: 'dev', label: 'Developer' },
   { value: 'art', label: 'Artist' },
-  { value: 'content', label: 'Content Creator' },
+  { value: 'blogger', label: 'Blogger' },
   { value: 'trader', label: 'Trader' },
+  { value: 'friend', label: 'Friend' },
+  { value: 'hacker', label: 'Hacker' },
+  { value: 'buidler', label: 'Buidler' },
+  { value: 'memer', label: 'Memer' },
 ];
 
 type EndorseeCardProps = {
@@ -68,12 +72,12 @@ export const EndorseeCard = ({ endorsee }: EndorseeCardProps) => {
           onValueChange={changeEndorsementType}
         >
           <SelectTrigger className="w-[180px] max-sm:w-full">
-            <SelectValue placeholder="Endorsement Type" />
+            <SelectValue placeholder="Type of endorsement" />
           </SelectTrigger>
           <SelectContent>
             <SelectGroup>
-              <SelectLabel>Endorsement Type</SelectLabel>
-              {ENDORSMENT_OPTIONS.map((option) => (
+              <SelectLabel>Type of endorsement</SelectLabel>
+              {ENDORSEMENT_OPTIONS.map((option) => (
                 <SelectItem key={option.value} value={option.value}>
                   {option.label}
                 </SelectItem>

diff --git a/packages/dapp/src/components/EndorseForm/FeeDisplay.tsx b/packages/dapp/src/components/EndorseForm/FeeDisplay.tsx
@@ -267,11 +267,11 @@ export const FeeDisplay = ({
                 <div className="flex items-center">{NetworkCost}</div>
               </div>
               <div className="flex justify-between items-center">
-                <p className="text-sm">Donation amount</p>
+                <p className="text-sm">Tip</p>
                 {DonationAmount}
               </div>
               <div className="flex justify-between items-center">
-                <p className="text-sm">Endorsment price</p>
+                <p className="text-sm">Endorsement price</p>
                 <div className="flex items-center">{EndorsmentPrice}</div>
               </div>
               <div className="flex justify-between items-center">

diff --git a/packages/dapp/src/components/EndorseForm/index.tsx b/packages/dapp/src/components/EndorseForm/index.tsx
@@ -281,7 +281,7 @@ export const EndorseForm = ({ endorsee }: EndorseeProps) => {
           {isPending && <ReloadIcon className="mr-2 h-4 w-4 animate-spin" />}
           {previousErrorInsufficientFunds
             ? 'Insufficient funds'
-            : 'Make an Endorsement'}
+            : 'Send an endorsement'}
         </Button>
       )}
       <FeeDisplay

diff --git a/packages/dapp/src/components/Endorsee/EndorseeDialog.tsx b/packages/dapp/src/components/Endorsee/EndorseeDialog.tsx
@@ -23,7 +23,7 @@ const SUGGESTED_ACCOUNTS: { platform: PlatformType; value: string }[] = [
   },
   {
     platform: PlatformType.farcaster,
-    value: 'pseudobun',
+    value: 'jessepollak',
   },
 ];
 
@@ -57,15 +57,15 @@ export function EndorseeDialog() {
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
         <Button className="font-semibold text-lg max-sm:w-full" size="lg">
-          Who to Endorse?
+          Who to endorse?
         </Button>
       </DialogTrigger>
       <DialogContent className="max-w-[525px]">
         <div className="max-w-[525px] overflow-hidden max-sm:max-w-full">
           <div className="relative flex items-center">
             <MagnifyingGlassIcon className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform" />
             <Input
-              placeholder="Search for Ethereum (ENS), Farcaster, Lens..."
+              placeholder="Search ENS, Farcaster and Lens"
               value={query}
               onChange={handleInputChange}
               className="pl-8 rounded-b-none"
@@ -78,7 +78,7 @@ export function EndorseeDialog() {
             )}
           >
             <div className="text-thin mb-2 text-gray-600 text-sm">
-              Suggested Accounts
+              Suggested accounts
             </div>
             {SUGGESTED_ACCOUNTS.map((account) => {
               return (

diff --git a/packages/dapp/src/components/Navbar/Searchbar.tsx b/packages/dapp/src/components/Navbar/Searchbar.tsx
@@ -23,7 +23,7 @@ const SUGGESTED_ACCOUNTS: { platform: PlatformType; value: string }[] = [
   },
   {
     platform: PlatformType.farcaster,
-    value: 'pseudobun',
+    value: 'jessepollak',
   },
 ];
 
@@ -81,7 +81,7 @@ export const Searchbar = () => {
           )}
         >
           <div className="text-thin mb-2 text-gray-600 text-sm">
-            Suggested Accounts
+            Suggested accounts
           </div>
           {SUGGESTED_ACCOUNTS.map((account) => {
             return (
@@ -210,7 +210,7 @@ export const Searchbar = () => {
             <div className="relative flex items-center">
               <MagnifyingGlassIcon className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform" />
               <Input
-                placeholder="Search for Ethereum (ENS), Farcaster, Lens..."
+                placeholder="Search ENS, Farcaster and Lens"
                 value={query}
                 onChange={handleInputChange}
                 className="pl-8 rounded-b-none"
@@ -225,7 +225,7 @@ export const Searchbar = () => {
           <div id="input" className="relative flex flex-1 justify-center">
             <MagnifyingGlassIcon className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 transform" />
             <Input
-              placeholder="Search for Ethereum (ENS), Farcaster, Lens..."
+              placeholder="Search ENS, Farcaster and Lens"
               value={query}
               isSearchbar={true}
               onChange={handleInputChange}