Reorder side quests + add missing guide links (#325)

Author: Pabl0cks

packages/nextjs/app/builders/[address]/_components/SideQuests.tsx

@@ -63,11 +63,11 @@ const CollapseSection = ({ title, quests, defaultExpanded = false, className = "
 const QUEST_CATEGORIES = {
   ENS_BASICS: [SIDEQUESTS.ensRegistered, SIDEQUESTS.ensAvatarSet],
   ETHEREUM_FIRST_STEPS: [
-    SIDEQUESTS.contractDeployed,
     SIDEQUESTS.sentMainnetTx,
     SIDEQUESTS.usedL2,
-    SIDEQUESTS.mintedNFT,
     SIDEQUESTS.swappedOnDex,
+    SIDEQUESTS.mintedNFT,
+    SIDEQUESTS.contractDeployed,
   ],
 };
 

packages/nextjs/services/sideQuests/schema.ts

@@ -32,9 +32,34 @@ export const SIDEQUESTS: Record<SideQuestId, SideQuestMeta> = {
     check: checkEnsAvatarSet,
     link: "/guides/register-ens-domain-set-avatar",
   },
-  contractDeployed: { id: "contractDeployed", name: "Deploy a Contract", check: checkContractDeployed },
-  swappedOnDex: { id: "swappedOnDex", name: "Swap on a DEX", check: checkSwappedOnDex },
-  usedL2: { id: "usedL2", name: "Use an L2", check: checkUsedL2 },
-  sentMainnetTx: { id: "sentMainnetTx", name: "Send a Mainnet TX", check: checkSentMainnetTx },
-  mintedNFT: { id: "mintedNFT", name: "Mint an NFT", check: checkMintedNFT },
+  contractDeployed: {
+    id: "contractDeployed",
+    name: "Deploy a Contract",
+    check: checkContractDeployed,
+    link: "https://www.youtube.com/watch?v=AUwYGRkxm_8",
+  },
+  swappedOnDex: {
+    id: "swappedOnDex",
+    name: "Swap on a DEX",
+    check: checkSwappedOnDex,
+    link: "https://ethereum.org/guides/how-to-swap-tokens",
+  },
+  usedL2: {
+    id: "usedL2",
+    name: "Use an L2",
+    check: checkUsedL2,
+    link: "https://ethereum.org/guides/how-to-use-a-bridge/",
+  },
+  sentMainnetTx: {
+    id: "sentMainnetTx",
+    name: "Send a Mainnet TX",
+    check: checkSentMainnetTx,
+    link: "https://ethereum.org/guides/how-to-use-a-wallet/",
+  },
+  mintedNFT: {
+    id: "mintedNFT",
+    name: "Mint an NFT",
+    check: checkMintedNFT,
+    link: "https://chain.link/tutorials/how-to-mint-an-nft",
+  },
 } as const;