use LinkBox

Author: corwintines

src/components/StartWithEthereumFlow/DownloadAWallet/index.tsx

@@ -5,6 +5,7 @@ import { Wallet } from "@/lib/types"
 import { Image } from "@/components/Image"
 import { Button, ButtonLink } from "@/components/ui/buttons/Button"
 import Checkbox from "@/components/ui/checkbox"
+import { LinkBox } from "@/components/ui/link-box"
 import { Tag } from "@/components/ui/tag"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
@@ -71,7 +72,7 @@ const DownloadAWallet = ({
       <div className="flex w-full flex-1 flex-col gap-8">
         <div className="flex flex-col overflow-hidden rounded-2xl border shadow-window-box">
           {newToCryptoWallets.map((wallet) => (
-            <div
+            <LinkBox
               key={wallet.name}
               className="flex cursor-pointer flex-col gap-4 border-b border-body-light bg-background p-4 last:border-b-0 hover:bg-background-highlight sm:p-6"
               onClick={() => {
@@ -99,7 +100,7 @@ const DownloadAWallet = ({
                   Get wallet
                 </ButtonLink>
               </div>
-            </div>
+            </LinkBox>
           ))}
         </div>
         <div className="flex flex-col gap-8 lg:hidden">

src/components/StartWithEthereumFlow/LetUseSomeApps/index.tsx

@@ -1,6 +1,7 @@
 import { Image } from "@/components/Image"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import Link from "@/components/ui/Link"
+import { LinkBox } from "@/components/ui/link-box"
 import { Tag } from "@/components/ui/tag"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
@@ -104,7 +105,7 @@ const LetUseSomeApps = ({
       <div className="flex flex-1 flex-col gap-8">
         <div>
           {dappsList.map((dapp) => (
-            <div
+            <LinkBox
               key={dapp.name}
               className="group flex cursor-pointer flex-col items-center justify-between gap-4 rounded-xl border-b border-background p-4 last:border-b-0 hover:bg-background-highlight sm:flex-row"
               onClick={() => {
@@ -142,7 +143,7 @@ const LetUseSomeApps = ({
                   Go
                 </ButtonLink>
               </div>
-            </div>
+            </LinkBox>
           ))}
         </div>
         <div className="mb-4 flex justify-center lg:hidden">