Update referrer -> developer

Author: jakeloo

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/token/create-token-page-impl.tsx

@@ -113,7 +113,7 @@ export function CreateTokenAssetPage(props: {
                       params.values.pool.startingPricePerToken,
                     ),
                   }),
-                  referrerRewardBps: 1250, // 12.5%
+                  developerRewardBps: 1250, // 12.5%
                 },
               }
             : undefined,
@@ -125,7 +125,7 @@ export function CreateTokenAssetPage(props: {
           social_urls: socialUrls,
           symbol: params.values.symbol,
         },
-        referrerAddress: "0x1Af20C6B23373350aD464700B5965CE4B0D2aD94",
+        developerAddress: "0x1Af20C6B23373350aD464700B5965CE4B0D2aD94",
       });
 
       // add contract to project in background

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/rewards/components/claim-rewards-page.stories.tsx

@@ -22,7 +22,7 @@ const meta = {
 export default meta;
 
 const recipient = "0x8C00f3F231c88CcAc2382AaC6e09A78D4F42129d";
-const referrer = "0x1Af20C6B23373350aD464700B5965CE4B0D2aD94";
+const developer = "0x1Af20C6B23373350aD464700B5965CE4B0D2aD94";
 
 function unclaimedFeesStub(token0Amount: bigint, token1Amount: bigint) {
   return {
@@ -82,10 +82,10 @@ function Variant(props: {
 }) {
   return (
     <ClaimRewardsPageUI
-      referrerBps={5000}
+      developerBps={5000}
       chainSlug="base"
       recipient={recipient}
-      referrer={referrer}
+      developer={developer}
       client={storybookThirdwebClient}
       handleClaim={() => {}}
       isClaimPending={false}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/contract/[chainIdOrSlug]/[contractAddress]/rewards/components/claim-rewards-page.tsx

@@ -65,30 +65,30 @@ export function ClaimRewardsPage(props: {
     <ClaimRewardsPageUI
       unclaimedFees={props.unclaimedFees}
       recipient={props.reward.recipient}
-      referrer={props.reward.referrer}
+      developer={props.reward.developer}
       handleClaim={handleClaim}
       isClaimPending={sendTx.isPending}
       client={props.assetContractClient.client}
       chain={props.assetContractClient.chain}
       chainSlug={props.chainSlug}
-      referrerBps={props.reward.referrerBps}
+      developerBps={props.reward.developerBps}
     />
   );
 }
 
-function calculateFees(referrerBps: number) {
+function calculateFees(developerBps: number) {
   // 20% of is protocol fees
-  // remaining is split between referrer and recipient
+  // remaining is split between developer and recipient
 
   const protocolFees = 20;
   const remaining = 100 - protocolFees;
 
-  const referrerPercentageFinal = (remaining * referrerBps) / 10000;
+  const developerPercentageFinal = (remaining * developerBps) / 10000;
 
   return {
     protocolFees,
-    referrerPercentage: referrerPercentageFinal,
-    recipientPercentage: 100 - protocolFees - referrerPercentageFinal,
+    developerPercentage: developerPercentageFinal,
+    recipientPercentage: 100 - protocolFees - developerPercentageFinal,
   };
 }
 
@@ -106,18 +106,18 @@ export function ClaimRewardsPageUI(props: {
     };
   };
   recipient: string;
-  referrer: string;
-  referrerBps: number;
+  developer: string;
+  developerBps: number;
   handleClaim: () => void;
   isClaimPending: boolean;
   client: ThirdwebClient;
   chain: Chain;
   chainSlug: string;
 }) {
-  const fees = calculateFees(props.referrerBps);
+  const fees = calculateFees(props.developerBps);
 
   const recipientColor = `hsl(var(--chart-1))`;
-  const referrerColor = `hsl(var(--chart-2))`;
+  const developerColor = `hsl(var(--chart-2))`;
   const protocolFeesColor = `hsl(var(--chart-3))`;
 
   const hasUnclaimedRewards =
@@ -188,10 +188,10 @@ export function ClaimRewardsPageUI(props: {
                 value: `${fees.protocolFees}%`,
               },
               {
-                label: "Referrer",
-                color: referrerColor,
-                percent: fees.referrerPercentage,
-                value: `${fees.referrerPercentage}%`,
+                label: "Developer",
+                color: developerColor,
+                percent: fees.developerPercentage,
+                value: `${fees.developerPercentage}%`,
               },
             ]}
           />
@@ -218,17 +218,17 @@ export function ClaimRewardsPageUI(props: {
             </div>
 
             <div className="border-l pl-5">
-              <p className="font-medium text-sm">Referrer</p>
+              <p className="font-medium text-sm">Developer</p>
               <WalletAddress
-                address={props.referrer}
+                address={props.developer}
                 client={props.client}
                 iconClassName="size-3"
                 className="h-auto py-1 text-sm"
                 fallbackIcon={
                   <div
                     className="size-3 rounded-full"
                     style={{
-                      backgroundColor: referrerColor,
+                      backgroundColor: developerColor,
                     }}
                   />
                 }