feat: external link

TinsFox · Nov 2, 2024 · cc0f238 · cc0f238
1 parent e8f5d69
commit cc0f238
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/src/components/nav-sidebar/app-sidebar.tsx b/src/components/nav-sidebar/app-sidebar.tsx
@@ -1,7 +1,6 @@
 import { env } from "@env"
 import {
   Command,
-  LifeBuoy,
   Send,
 } from "lucide-react"
 import * as React from "react"
@@ -22,15 +21,11 @@ import {
 import { useNavMenu } from "@/hooks/query/user-memu"
 
 const navSecondary = [
-  {
-    title: "Support",
-    url: "#",
-    icon: LifeBuoy,
-  },
   {
     title: "Feedback",
     url: "https://github.com/TinsFox/shadcnui-boilerplate/issues",
     icon: Send,
+    external: true,
   },
 ]
 

diff --git a/src/components/nav-sidebar/nav-secondary.tsx b/src/components/nav-sidebar/nav-secondary.tsx
@@ -1,5 +1,6 @@
 import type { LucideIcon } from "lucide-react"
 import * as React from "react"
+import { Link } from "react-router-dom"
 
 import {
   SidebarGroup,
@@ -14,9 +15,10 @@ export function NavSecondary({
   ...props
 }: {
   items: {
-    title: string
+    title: I18nKeys
     url: string
     icon: LucideIcon
+    external?: boolean
   }[]
 } & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {
   return (
@@ -26,10 +28,10 @@ export function NavSecondary({
           {items.map((item) => (
             <SidebarMenuItem key={item.title}>
               <SidebarMenuButton asChild size="sm">
-                <a href={item.url}>
+                <Link to={item.url} target={item.external ? "_blank" : "_self"}>
                   <item.icon />
                   <span>{item.title}</span>
-                </a>
+                </Link>
               </SidebarMenuButton>
             </SidebarMenuItem>
           ))}