Allow non-checksummed addresses (#2206)

nachoiacovino · web-flow · commit 8adfa86090d0 · 2024-02-13T16:21:50.000Z
* Allow non-checksummed addresses

* Fix ENS addresses

* Missed this one

* Also this one
diff --git a/components/bear-market-airdrop/Blocks/Hero/ContractsDeployed.tsx b/components/bear-market-airdrop/Blocks/Hero/ContractsDeployed.tsx
@@ -226,7 +226,7 @@ export const ContractsDeployed: React.FC<ContractsDeployedProps> = ({
             />
             <Text>Want to be eligible for future airdrops?</Text>
             <TrackedLink
-              href="https://thirdweb.com/dashboard/contracts/deploy"
+              href="/dashboard/contracts/deploy"
               target="_blank"
               category={BEAR_MARKET_TRACKING_CATEGORY}
               label="contracts_deployed"
diff --git a/components/bear-market-airdrop/Blocks/Hero/Unboxed.tsx b/components/bear-market-airdrop/Blocks/Hero/Unboxed.tsx
@@ -276,7 +276,7 @@ You can claim one too at:`,
         </ButtonGroup>
         <Button
           as="a"
-          href="https://thirdweb.com"
+          href="/"
           target="_blank"
           bg={colorMode === "light" ? "black" : "white"}
           color={colorMode === "light" ? "white" : "black"}
diff --git a/components/contract-components/contract-deploy-form/custom-contract.tsx b/components/contract-components/contract-deploy-form/custom-contract.tsx
@@ -479,7 +479,7 @@ const CustomContractForm: React.FC<CustomContractFormProps> = ({
           <Text>
             Import so I can find it in the list of my contracts at{" "}
             <TrackedLink
-              href="https://thirdweb.com/dashboard"
+              href="/dashboard"
               isExternal
               category="custom-contract"
               label="visit-dashboard"
diff --git a/components/contract-components/published-contract/addresses-modal.tsx b/components/contract-components/published-contract/addresses-modal.tsx
@@ -1,4 +1,5 @@
 import { Flex, Link, useDisclosure } from "@chakra-ui/react";
+import { THIRDWEB_DOMAIN } from "constants/urls";
 import { useAllChainsData } from "hooks/chains/allChains";
 import { Drawer, Heading, Text } from "tw-components";
 
@@ -61,7 +62,7 @@ export const AddressesModal: React.FC<AddressesModalProps> = ({
                     {chainIdToChainRecord[parseInt(chainId)]?.name}
                   </Text>
                   <Link
-                    href={`https://thirdweb.com/${chainId}/${address}`}
+                    href={`${THIRDWEB_DOMAIN}/${chainId}/${address}`}
                     isExternal
                     color="blue.500"
                   >
diff --git a/components/contract-components/published-contract/index.tsx b/components/contract-components/published-contract/index.tsx
@@ -30,6 +30,7 @@ import {
 import { ContractFunctionsOverview } from "components/contract-functions/contract-functions";
 import { replaceDeployerAddress } from "components/explore/publisher";
 import { ShareButton } from "components/share-buttom";
+import { THIRDWEB_DOMAIN } from "constants/urls";
 import { Extensions } from "contract-ui/tabs/overview/components/Extensions";
 import { format } from "date-fns";
 import { correctAndUniqueLicenses } from "lib/licenses";
@@ -104,7 +105,7 @@ export const PublishedContract: React.FC<PublishedContractProps> = ({
 
   const publisherProfile = usePublisherProfile(contract.publisher);
 
-  const currentRoute = `https://thirdweb.com${router.asPath.replace(
+  const currentRoute = `${THIRDWEB_DOMAIN}${router.asPath.replace(
     "/publish",
     "",
   )}`.replace("deployer.thirdweb.eth", "thirdweb.eth");
diff --git a/contract-ui/tabs/listings/components/list-form.tsx b/contract-ui/tabs/listings/components/list-form.tsx
@@ -361,11 +361,7 @@ export const CreateListingsForm: React.FC<NFTMintForm> = ({
             <Text color="orange.800" _dark={{ color: "orange.900" }}>
               There are no NFTs owned by this wallet. You need NFTs to create a
               listing. You can create NFTs with thirdweb.{" "}
-              <Link
-                href="https://thirdweb.com/explore/nft"
-                color="blue.600"
-                isExternal
-              >
+              <Link href="/explore/nft" color="blue.600" isExternal>
                 Explore NFT contracts
               </Link>
               .
diff --git a/pages/[chainSlug]/[...paths].tsx b/pages/[chainSlug]/[...paths].tsx
@@ -39,6 +39,8 @@ import { fetchChain } from "utils/fetchChain";
 import { ThirdwebNextPage } from "utils/types";
 import { shortenIfAddress } from "utils/usedapp-external";
 import { ClientOnly } from "../../components/ClientOnly/ClientOnly";
+import { THIRDWEB_DOMAIN } from "constants/urls";
+import { getAddress } from "ethers/lib/utils";
 
 type EVMContractProps = {
   contractInfo?: EVMContractInfo;
@@ -269,7 +271,7 @@ EVMContractPage.getLayout = (page, props: EVMContractProps) => {
     .replace("Mainnet", "")
     .replace("Testnet", "")
     .trim();
-  const url = `https://thirdweb.com/${props.contractInfo?.chainSlug}/${props.contractInfo?.contractAddress}/`;
+  const url = `${THIRDWEB_DOMAIN}/${props.contractInfo?.chainSlug}/${props.contractInfo?.contractAddress}/`;
   const SEOTitle = `${displayName} | ${
     cleanedChainName ? `${cleanedChainName} ` : ""
   }Smart Contract`;
@@ -354,8 +356,15 @@ export const getStaticProps: GetStaticProps<EVMContractProps> = async (ctx) => {
   let address: string | null = null;
   const queryClient = new QueryClient();
 
+  const lowercaseAddress = contractAddress.toLowerCase();
+  const checksummedAdress = lowercaseAddress.endsWith("eth")
+    ? lowercaseAddress
+    : getAddress(lowercaseAddress);
+
   try {
-    const queryResult = await queryClient.fetchQuery(ensQuery(contractAddress));
+    const queryResult = await queryClient.fetchQuery(
+      ensQuery(checksummedAdress),
+    );
     address = queryResult?.address;
   } catch {
     return {
@@ -413,7 +422,7 @@ export const getStaticProps: GetStaticProps<EVMContractProps> = async (ctx) => {
       dehydratedState: dehydrate(queryClient),
       contractInfo: {
         chainSlug,
-        contractAddress,
+        contractAddress: checksummedAdress,
         chain,
       },
       detectedExtension,
diff --git a/pages/build/base.tsx b/pages/build/base.tsx
@@ -507,7 +507,7 @@ const Base: ThirdwebNextPage = () => {
                         },
                         {
                           text: "Browse templates",
-                          href: "https://thirdweb.com/templates",
+                          href: "/templates",
                         },
                       ],
                     },
@@ -533,7 +533,7 @@ const Base: ThirdwebNextPage = () => {
                         },
                         {
                           text: "Browse templates",
-                          href: "https://thirdweb.com/templates",
+                          href: "/templates",
                         },
                       ],
                     },
@@ -551,7 +551,7 @@ const Base: ThirdwebNextPage = () => {
                         },
                         {
                           text: "Browse templates",
-                          href: "https://thirdweb.com/templates",
+                          href: "/templates",
                         },
                       ],
                     },
diff --git a/pages/community/index.tsx b/pages/community/index.tsx
@@ -88,7 +88,7 @@ const communitySections = [
     cards: [
       {
         image: "/assets/community/home/ambassadors.svg",
-        link: "https://thirdweb.com/ambassadors",
+        link: "/ambassadors",
         title: "Ambassadors",
         description: "",
       },
diff --git a/pages/embedded-wallets.tsx b/pages/embedded-wallets.tsx
@@ -223,7 +223,7 @@ const EmbeddedWalletsLanding: ThirdwebNextPage = () => {
             image={require("public/assets/landingpage/desktop/analytics.png")}
             mobileImage={require("public/assets/landingpage/mobile/analytics.png")}
             TRACKING_CATEGORY={TRACKING_CATEGORY}
-            href="https://thirdweb.com/dashboard/wallets/analytics"
+            href="/dashboard/wallets/analytics"
             colSpan={1}
           />
         </LandingGridSection>
diff --git a/pages/profile/[profileAddress].tsx b/pages/profile/[profileAddress].tsx
@@ -17,8 +17,10 @@ import { EditProfile } from "components/contract-components/publisher/edit-profi
 import { PublisherAvatar } from "components/contract-components/publisher/masked-avatar";
 import { DeployedContracts } from "components/contract-components/tables/deployed-contracts";
 import { PublishedContracts } from "components/contract-components/tables/published-contracts";
+import { THIRDWEB_DOMAIN } from "constants/urls";
 import { PublisherSDKContext } from "contexts/custom-sdk-context";
 import { getAllExplorePublishers } from "data/explore";
+import { getAddress } from "ethers/lib/utils";
 import { getDashboardChainRpc } from "lib/rpc";
 import { getEVMThirdwebSDK } from "lib/sdk";
 import { GetStaticPaths, GetStaticProps } from "next";
@@ -59,7 +61,7 @@ const UserPage: ThirdwebNextPage = (props: UserPageProps) => {
     ens?.data?.ensName || props.profileAddress,
   ).replace("deployer.thirdweb.eth", "thirdweb.eth");
 
-  const currentRoute = `https://thirdweb.com${router.asPath}`.replace(
+  const currentRoute = `${THIRDWEB_DOMAIN}${router.asPath}`.replace(
     "deployer.thirdweb.eth",
     "thirdweb.eth",
   );
@@ -229,9 +231,14 @@ export const getStaticProps: GetStaticProps<UserPageProps> = async (ctx) => {
     };
   }
 
+  const lowercaseAddress = profileAddress.toLowerCase();
+  const checksummedAdress = lowercaseAddress.endsWith("eth")
+    ? lowercaseAddress
+    : getAddress(lowercaseAddress);
+
   let address: string | null, ensName: string | null;
   try {
-    const info = await queryClient.fetchQuery(ensQuery(profileAddress));
+    const info = await queryClient.fetchQuery(ensQuery(checksummedAdress));
     address = info.address;
     ensName = info.ensName;
   } catch (e) {
@@ -252,7 +259,7 @@ export const getStaticProps: GetStaticProps<UserPageProps> = async (ctx) => {
     };
   }
 
-  const ensQueries = [queryClient.prefetchQuery(ensQuery(address))];
+  const ensQueries = [queryClient.prefetchQuery(ensQuery(checksummedAdress))];
   if (ensName) {
     ensQueries.push(queryClient.prefetchQuery(ensQuery(ensName)));
   }
@@ -268,7 +275,7 @@ export const getStaticProps: GetStaticProps<UserPageProps> = async (ctx) => {
   return {
     props: {
       dehydratedState: dehydrate(queryClient),
-      profileAddress: address,
+      profileAddress: checksummedAdress,
     },
   };
 };
diff --git a/pages/publish/[...paths].tsx b/pages/publish/[...paths].tsx
@@ -15,6 +15,7 @@ import {
 } from "components/pages/publish";
 import { PublisherSDKContext } from "contexts/custom-sdk-context";
 import { getAllExplorePublishedContracts } from "data/explore";
+import { getAddress } from "ethers/lib/utils";
 import { getDashboardChainRpc } from "lib/rpc";
 import { getEVMThirdwebSDK } from "lib/sdk";
 import { GetStaticPaths, GetStaticProps } from "next";
@@ -68,9 +69,14 @@ export const getStaticProps: GetStaticProps<PublishPageProps> = async (ctx) => {
     getDashboardChainRpc(Polygon),
   );
 
+  const lowercaseAddress = authorAddress.toLowerCase();
+  const checksummedAdress = lowercaseAddress.endsWith("eth")
+    ? lowercaseAddress
+    : getAddress(lowercaseAddress);
+
   const queryClient = new QueryClient();
   const { address, ensName } = await queryClient.fetchQuery(
-    ensQuery(authorAddress),
+    ensQuery(checksummedAdress),
   );
 
   if (!address) {
@@ -99,7 +105,7 @@ export const getStaticProps: GetStaticProps<PublishPageProps> = async (ctx) => {
   const publishedContract =
     allVersions.find((v) => v.version === version) || allVersions[0];
 
-  const ensQueries = [queryClient.prefetchQuery(ensQuery(address))];
+  const ensQueries = [queryClient.prefetchQuery(ensQuery(checksummedAdress))];
   if (ensName) {
     ensQueries.push(queryClient.prefetchQuery(ensQuery(ensName)));
   }
@@ -121,7 +127,7 @@ export const getStaticProps: GetStaticProps<PublishPageProps> = async (ctx) => {
 
   const props: PublishPageProps = {
     dehydratedState: dehydrate(queryClient),
-    author: authorAddress,
+    author: checksummedAdress,
     contractName,
     version,
   };
diff --git a/pages/sdk.tsx b/pages/sdk.tsx
@@ -176,7 +176,7 @@ const Web3SDK: ThirdwebNextPage = () => {
             category={TRACKING_CATEGORY}
             description="Plug-and-play UI Components for common web3 use cases, e.g. Connect Wallet button, Web3 button, NFT renderer, and IPFS renderer."
             icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
-            href="https://thirdweb.com/ui-components"
+            href="/ui-components"
           />
           <ProductLearnMoreCard
             title="Game Engine SDK"
diff --git a/pages/solutions/commerce.tsx b/pages/solutions/commerce.tsx
@@ -154,7 +154,7 @@ const Commerce: ThirdwebNextPage = () => {
             directly from a user interface, e.g. view all the NFTs that have
             been minted to your most loyal customers."
             icon={require("/public/assets/product-pages/dashboard/hero-icon-3.png")}
-            href="https://thirdweb.com/dashboard"
+            href="/dashboard"
           />
         </SimpleGrid>
       </ProductSection>
diff --git a/pages/solutions/gaming.tsx b/pages/solutions/gaming.tsx
@@ -348,11 +348,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
               description="Integrate web3-powered features into your game with best-in-class SDKs and APIs for any platform — including Unity & Unreal Engine."
             />
           </SolutionsGamingCard>
-          <SolutionsGamingCard
-            p={8}
-            label="connect-wallet"
-            href="https://thirdweb.com/connect"
-          >
+          <SolutionsGamingCard p={8} label="connect-wallet" href="/connect">
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-smart-wallet.svg")}
               title="Connect"
@@ -362,7 +358,7 @@ const SolutionsGaming: ThirdwebNextPage = () => {
           <SolutionsGamingCard
             p={8}
             label="embedded-wallet"
-            href="https://thirdweb.com/embedded-wallets"
+            href="/embedded-wallets"
           >
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-email-signin.svg")}
@@ -373,19 +369,15 @@ const SolutionsGaming: ThirdwebNextPage = () => {
           <SolutionsGamingCard
             p={8}
             label="smart-wallet"
-            href="https://thirdweb.com/account-abstraction"
+            href="/account-abstraction"
           >
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-verified.svg")}
               title="Smart Wallet"
               description="Transform your app's user experience with signless transactions, multi-signature security, account recovery and more."
             />
           </SolutionsGamingCard>
-          <SolutionsGamingCard
-            p={8}
-            label="unreal"
-            href="https://thirdweb.com/checkout"
-          >
+          <SolutionsGamingCard p={8} label="unreal" href="/checkout">
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-credit.svg")}
               title="NFT Checkout"
@@ -395,19 +387,15 @@ const SolutionsGaming: ThirdwebNextPage = () => {
           <SolutionsGamingCard
             p={8}
             label="sponsored-transaction"
-            href="https://thirdweb.com/sponsored-transactions"
+            href="/sponsored-transactions"
           >
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-fee.svg")}
               title="Sponsored Transactions"
               description="Create seamless web3 UX by sponsoring users' gas fees — for any & all transactions. No more disruptive transaction popups or bridging & swapping funds."
             />
           </SolutionsGamingCard>
-          <SolutionsGamingCard
-            p={8}
-            label="api"
-            href="https://thirdweb.com/engine"
-          >
+          <SolutionsGamingCard p={8} label="api" href="/engine">
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-build.svg")}
               title="Engine"
@@ -416,22 +404,14 @@ const SolutionsGaming: ThirdwebNextPage = () => {
               and managed infrastructure."
             />
           </SolutionsGamingCard>
-          <SolutionsGamingCard
-            p={8}
-            label="web3-wallets"
-            href="https://thirdweb.com/connect"
-          >
+          <SolutionsGamingCard p={8} label="web3-wallets" href="/connect">
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-verified-user.svg")}
               title="Auth"
               description="Easy auth for the most popular web3 wallets and web2 login flows — so you can verify your users' identities & prove wallet ownership to off-chain systems."
             />
           </SolutionsGamingCard>
-          <SolutionsGamingCard
-            p={8}
-            label="smart-contract"
-            href="https://thirdweb.com/explore"
-          >
+          <SolutionsGamingCard p={8} label="smart-contract" href="/explore">
             <LandingIconSectionItem
               icon={require("public/assets/solutions-pages/icons/icon-tool.svg")}
               title="Interact"
diff --git a/pages/template/[id].tsx b/pages/template/[id].tsx
diff --git a/pages/templates.tsx b/pages/templates.tsx

Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@ const communitySections = [`
`88`	`88`	`cards: [`
`89`	`89`	`{`
`90`	`90`	`image: "/assets/community/home/ambassadors.svg",`
`91`		`- link: "https://thirdweb.com/ambassadors",`
	`91`	`+ link: "/ambassadors",`
`92`	`92`	`title: "Ambassadors",`
`93`	`93`	`description: "",`
`94`	`94`	`},`