fix: general improvements to the examples section (#111)

alchemyplatform · Oct 2, 2023 · 78e4050 · 78e4050
1 parent 224b582
commit 78e4050
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 14 deletions.
diff --git a/examples/alchemy-daapp/src/pages/api/nfts.ts b/examples/alchemy-daapp/src/pages/api/nfts.ts
@@ -15,19 +15,23 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
       throw new Error("chainId is required");
     }
 
+    if (!address) {
+      throw new Error('address is required')
+    }
+
     const contractAddress =
       daappConfigurations[Number(chainId)]?.nftContractAddress;
     if (!contractAddress) {
       throw new Error("Unsupported chainID.");
     }
 
-    const repsonse = await callEndpoint(
+    const response = await callEndpoint(
       "GET",
       `${getApiUrl(
         chainId as string
       )}/getNFTs/?owner=${address}&contractAddresses[]=${contractAddress}`
     );
-    return res.send(repsonse);
+    return res.send(response);
   } catch (e) {
     console.error(e);
     return res.status(400).send((e as Error).message);

diff --git a/examples/alchemy-daapp/src/surfaces/connect/ConnectPage.tsx b/examples/alchemy-daapp/src/surfaces/connect/ConnectPage.tsx
@@ -5,11 +5,11 @@ export function ConnectPage() {
   return (
     <Center>
       <VStack gap={4}>
-        <Heading size="lg">Welcome to the Alchemy exmple D🅰️🅰️pp!</Heading>
+        <Heading size="lg">Welcome to the Alchemy example D🅰️🅰️pp!</Heading>
         <Text align="center">
           We're excited for you to start using account abstraction!! <br />
           Click below to connect your wallet, and create your own account
-          abstrated smart contract wallet.
+          abstracted smart contract wallet.
         </Text>
         <ConnectButton />
       </VStack>

diff --git a/examples/alchemy-daapp/src/surfaces/onboarding/OnboardingController.ts b/examples/alchemy-daapp/src/surfaces/onboarding/OnboardingController.ts
@@ -28,18 +28,18 @@ async function pollForLambdaForComplete(
   txnMaxDurationSeconds: number = 20
 ) {
   let txnRetryCount = 0;
-  let reciept;
+  let receipt;
   do {
-    reciept = await lambda();
-    if (!reciept) {
+    receipt = await lambda();
+    if (!receipt) {
       // wait 1 second before trying again
       await new Promise((resolve) => setTimeout(resolve, 1000));
     }
-  } while (!reciept && txnRetryCount++ < txnMaxDurationSeconds);
-  if (!reciept) {
-    throw new Error("Timedout waiting for processs completion.");
+  } while (!receipt && txnRetryCount++ < txnMaxDurationSeconds);
+  if (!receipt) {
+    throw new Error("Timeout waiting for processes completion.");
   }
-  return reciept;
+  return receipt;
 }
 
 type OnboardingFunction = (
@@ -120,14 +120,14 @@ const onboardingStepHandlers: Record<
       });
     });
 
-    
+
     const smartAccountAddress = await baseSigner.getAddress();
     if (context.useGasManager) {
       const smartAccountSigner = withAlchemyGasManager(baseSigner, {
         policyId: appConfig.gasManagerPolicyId,
         entryPoint: entryPointAddress,
       });
-  
+
       return {
         nextStep: OnboardingStepIdentifier.MINT_NFT,
         addedContext: {

diff --git a/examples/alchemy-daapp/src/surfaces/profile/NftSection.tsx b/examples/alchemy-daapp/src/surfaces/profile/NftSection.tsx
@@ -15,7 +15,7 @@ const NftSection: React.NamedExoticComponent<NFTsProps> = memo(
   function NftSection({ address, chainId, ...boxProps }: NFTsProps) {
     const ownedNFTsQuery = useNFTsQuery(address, chainId);
     if (!address) {
-      return <Text size="sm">No Address to Assoicate Achievements</Text>;
+      return <Text size="sm">No Address to Associate Achievements</Text>;
     }
 
     if (ownedNFTsQuery.isLoading) {