[feat]: build fix 2 for dock

VineeTagarwaL-code · Nov 2, 2024 · 7b4ad44 · 7b4ad44
1 parent 037f58f
commit 7b4ad44
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 272 deletions.
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://blog.vineet.tech/blog</loc><lastmod>2024-11-02T10:15:19.183Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://blog.vineet.tech</loc><lastmod>2024-11-02T10:15:19.184Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://blog.vineet.tech/blog</loc><lastmod>2024-11-02T11:35:18.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://blog.vineet.tech</loc><lastmod>2024-11-02T11:35:18.587Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
 </urlset>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -1,69 +1,8 @@
 import { DATA } from "@/data/info";
 import { Dock } from "./ui/Dock";
 import React from "react";
-import { FloatingDock } from "@/components/fdock";
-import {
-  IconBrandGithub,
-  IconBrandX,
-  IconExchange,
-  IconHome,
-  IconNewSection,
-  IconTerminal2,
-} from "@tabler/icons-react";
-import Image from "next/image";
 
 export default function Navbar() {
-  const links = [
-    {
-      title: "Home",
-      icon: (
-        <IconHome className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-
-    {
-      title: "Products",
-      icon: (
-        <IconTerminal2 className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-    {
-      title: "Components",
-      icon: (
-        <IconNewSection className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-    {
-      title: "Aceternity UI",
-      icon: <Image src="" width={20} height={20} alt="Aceternity Logo" />,
-      href: "#",
-    },
-    {
-      title: "Changelog",
-      icon: (
-        <IconExchange className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-
-    {
-      title: "Twitter",
-      icon: (
-        <IconBrandX className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-    {
-      title: "GitHub",
-      icon: (
-        <IconBrandGithub className="h-full w-full text-neutral-500 dark:text-neutral-300" />
-      ),
-      href: "#",
-    },
-  ];
   return (
     <div className="pointer-events-none fixed inset-x-0 top-5 z-30 mx-auto mb-4 flex origin-bottom h-full max-h-14">
       <div className="fixed top-0 inset-x-0 h-16 w-full bg-background to-transparent backdrop-blur-lg [-webkit-mask-image:linear-gradient(to_top,transparent,transparent)] dark:bg-background"></div>

diff --git a/src/components/fdock.tsx b/src/components/fdock.tsx
diff --git a/src/components/ui/Dock.tsx b/src/components/ui/Dock.tsx
@@ -5,6 +5,7 @@ import React, { useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { cn } from "@/lib/utils";
 import { dataProps } from "@/data/info";
+import Link from "next/link";
 const dockVariants = cva(
   "mx-auto w-max h-full p-2 flex items-end rounded-full border"
 );
@@ -85,15 +86,16 @@ type DockIconProps = {
   icon: React.ReactNode;
 };
 const DockIcon = React.forwardRef<HTMLDivElement, DockIconProps>(
-  ({ name, link, icon }) => {
+  ({ link, icon }) => {
     return (
       <div>
-        <a href={link}>{icon}</a>
+        <Link href={link}>{icon}</Link>
       </div>
     );
   }
 );
 
+DockIcon.displayName = "DockIcon";
 Dock.displayName = "Dock";
 
 export { Dock };
diff --git a/src/data/info.tsx b/src/data/info.tsx
@@ -1,12 +1,5 @@
 import { ModeToggle } from "@/components/theme-toggle";
-import {
-  IconBrandGithub,
-  IconBrandX,
-  IconExchange,
-  IconHome,
-  IconNewSection,
-  IconTerminal2,
-} from "@tabler/icons-react";
+import { IconBrandGithub, IconBrandX, IconHome } from "@tabler/icons-react";
 import React from "react";
 
 export type dataProps = {