use link component for tracking

base-org · Oct 9, 2024 · bda6f26 · bda6f26
1 parent 181c3bb
commit bda6f26
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 25 deletions.
diff --git a/apps/base-docs/tutorials/data.json b/apps/base-docs/tutorials/data.json
@@ -1132,28 +1132,6 @@
         "duration": "9 min read",
         "checksum": "d9302891627f1761507422bf35c361a30b343e77cb4d3981888ab70eb4fbd0ac"
     },
-    "5_farcaster-to-openframe": {
-        "title": "Convert Farcaster Frame to Open Frame using OnchainKit",
-        "slug": "/convert-farcaster-frame-to-open-frame",
-        "description": "Learn how to convert your Farcaster Frame to an Open Frame using Onchain Kit, enabling broader compatibility and usage.",
-        "author": "hughescoin",
-        "keywords": [
-            "farcaster",
-            "openframe",
-            "onchainKit",
-            "farcaster",
-            "open frames"
-        ],
-        "tags": [
-            "frontend"
-        ],
-        "difficulty": "intermediate",
-        "hide_table_of_contents": false,
-        "displayed_sidebar": null,
-        "last_updated": "Oct 7, 2024",
-        "duration": "10 min read",
-        "checksum": "a81681ca9176774c2b8d20b6a2a873bdbaab99944a4d90526797f699db3e7b86"
-    },
     "5_oracles-chainlink-price-feeds": {
         "title": "Accessing real-world data using Chainlink Data Feeds",
         "slug": "/oracles-chainlink-price-feeds",

diff --git a/apps/web/src/components/ThreeHero/index.tsx b/apps/web/src/components/ThreeHero/index.tsx
@@ -39,6 +39,7 @@ import environmentLight from './assets/environmentLight.jpg';
 import Image, { StaticImageData } from 'next/image';
 import { useMediaQuery } from 'usehooks-ts';
 import classNames from 'classnames';
+import Link from 'apps/web/src/components/Link';
 
 /* 
   The Main Scene
@@ -73,7 +74,7 @@ export default function Scene(): JSX.Element {
   const [isActive, setIsActive] = useState(true);
   const containerRef = useRef(null);
 
-  const handleContextMenu = useCallback((event: any) => {
+  const handleContextMenu = useCallback((event: React.MouseEvent<HTMLDivElement>) => {
     event.preventDefault();
     setIsVisible(true);
     setPosition({ x: event.clientX, y: event.clientY });
@@ -176,9 +177,14 @@ export default function Scene(): JSX.Element {
           className="absolute rounded border border-white/20 bg-black px-4 py-2 shadow-md"
           style={{ top: `${position.y}px`, left: `${position.x}px` }}
         >
-          <a href={mintLink} target="_blank" rel="noopener noreferrer" className=" hover:text-blue">
+          <Link
+            href={mintLink}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:text-blue"
+          >
             Mint This
-          </a>
+          </Link>
         </div>
       )}
     </div>