From 5405493ce52344ef12d1fc94c57c014f38a1dd90 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Mon, 26 Jun 2023 01:08:20 +0800
Subject: [PATCH] remove Next/Link deps

---
 packages/ui/.gitignore                        |  1 +
 .../ui/src/components/TextLink/TextLink.tsx   | 26 +++++++++----------
 .../shadcn/stories/Button.stories.tsx         | 12 ++++-----
 .../shadcn/stories/Checkbox.stories.tsx       |  4 +--
 .../shadcn/stories/NavigationMenu.stories.tsx |  9 +------
 .../shadcn/stories/Select.stories.tsx         |  5 ++--
 6 files changed, 25 insertions(+), 32 deletions(-)
 create mode 100644 packages/ui/.gitignore

diff --git a/packages/ui/.gitignore b/packages/ui/.gitignore
new file mode 100644
index 00000000000..e985853ed84
--- /dev/null
+++ b/packages/ui/.gitignore
@@ -0,0 +1 @@
+.vercel
diff --git a/packages/ui/src/components/TextLink/TextLink.tsx b/packages/ui/src/components/TextLink/TextLink.tsx
index 73d54f6136e..fe2ab65ed1d 100644
--- a/packages/ui/src/components/TextLink/TextLink.tsx
+++ b/packages/ui/src/components/TextLink/TextLink.tsx
@@ -3,20 +3,20 @@ import Link from 'next/link'
 
 function TextLink({ url = '', label, ...props }: any) {
   return (
-    <Link href={url} passHref>
-      <a
-        className="text-scale-1100 hover:text-scale-1200 mt-3 block cursor-pointer text-sm"
-        {...props}
-      >
-        <div className="group flex items-center gap-1">
-          <span className="sr-only">{`${label} about ${url}`}</span>
-          <span>{label}</span>
-          <div className="transition-all group-hover:ml-0.5">
-            <IconChevronRight size={14} strokeWidth={2} />
-          </div>
+    // <Link href={url} passHref>
+    <a
+      className="text-scale-1100 hover:text-scale-1200 mt-3 block cursor-pointer text-sm"
+      {...props}
+    >
+      <div className="group flex items-center gap-1">
+        <span className="sr-only">{`${label} about ${url}`}</span>
+        <span>{label}</span>
+        <div className="transition-all group-hover:ml-0.5">
+          <IconChevronRight size={14} strokeWidth={2} />
         </div>
-      </a>
-    </Link>
+      </div>
+    </a>
+    // </Link>
   )
 }
 
diff --git a/packages/ui/src/components/shadcn/stories/Button.stories.tsx b/packages/ui/src/components/shadcn/stories/Button.stories.tsx
index c4f3ccc7b84..b41126d9887 100644
--- a/packages/ui/src/components/shadcn/stories/Button.stories.tsx
+++ b/packages/ui/src/components/shadcn/stories/Button.stories.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@ui/components/shadcn/ui/button'
 import { Meta } from '@storybook/react'
 import { ChevronRight, Loader2, Mail } from 'lucide-react'
-import Link from 'next/link'
+// import Link from 'next/link'
 
 const meta: Meta = {
   title: 'Button',
@@ -28,11 +28,11 @@ export const Ghost = () => <Button variant="ghost">Ghost</Button>
 
 Ghost.storyName = 'Ghost'
 
-export const LinkButton = () => (
-  <Link href="/">
-    <Button variant="link">Link</Button>
-  </Link>
-)
+// export const LinkButton = () => (
+//   <Link href="/">
+//     <Button variant="link">Link</Button>
+//   </Link>
+// )
 
 LinkButton.storyName = 'Link'
 
diff --git a/packages/ui/src/components/shadcn/stories/Checkbox.stories.tsx b/packages/ui/src/components/shadcn/stories/Checkbox.stories.tsx
index 02dde24906a..7a403541ec4 100644
--- a/packages/ui/src/components/shadcn/stories/Checkbox.stories.tsx
+++ b/packages/ui/src/components/shadcn/stories/Checkbox.stories.tsx
@@ -12,7 +12,7 @@ import {
   FormMessage,
 } from '@ui/components/shadcn/ui/form'
 import { toast } from '@ui/components/shadcn/ui/use-toast'
-import Link from 'next/link'
+// import Link from 'next/link'
 import { useForm } from 'react-hook-form'
 import * as z from 'zod'
 
@@ -113,7 +113,7 @@ export function CheckboxReactHookFormSingle() {
                 <FormLabel>Use different settings for my mobile devices</FormLabel>
                 <FormDescription>
                   You can manage your mobile notifications in the{' '}
-                  <Link href="/examples/forms">mobile settings</Link> page.
+                  <a href="/examples/forms">mobile settings</a> page.
                 </FormDescription>
               </div>
             </FormItem>
diff --git a/packages/ui/src/components/shadcn/stories/NavigationMenu.stories.tsx b/packages/ui/src/components/shadcn/stories/NavigationMenu.stories.tsx
index cdc823a2bc3..3b76c04a456 100644
--- a/packages/ui/src/components/shadcn/stories/NavigationMenu.stories.tsx
+++ b/packages/ui/src/components/shadcn/stories/NavigationMenu.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react'
 import { Card } from '@ui/components/shadcn/ui/card'
 import * as React from 'react'
-import Link from 'next/link'
+// import Link from 'next/link'
 import { cn } from '@ui/lib/utils'
 import {
   NavigationMenu,
@@ -139,13 +139,6 @@ export function Default() {
               </ul>
             </NavigationMenuContent>
           </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="/docs" legacyBehavior passHref>
-              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-                Documentation
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
         </NavigationMenuList>
       </NavigationMenu>
     </div>
diff --git a/packages/ui/src/components/shadcn/stories/Select.stories.tsx b/packages/ui/src/components/shadcn/stories/Select.stories.tsx
index 8397fcddf77..5fc0228dc94 100644
--- a/packages/ui/src/components/shadcn/stories/Select.stories.tsx
+++ b/packages/ui/src/components/shadcn/stories/Select.stories.tsx
@@ -21,7 +21,7 @@ import {
   SelectValue,
 } from '@ui/components/shadcn/ui/select'
 import { toast } from '@ui/components/shadcn/ui/use-toast'
-import Link from 'next/link'
+// import Link from 'next/link'
 import { useForm } from 'react-hook-form'
 import * as z from 'zod'
 import { SelectSeparator } from '../select'
@@ -122,8 +122,7 @@ export function SelectForm() {
                 </SelectContent>
               </Select>
               <FormDescription>
-                You can manage email addresses in your{' '}
-                <Link href="/examples/forms">email settings</Link>.
+                You can manage email addresses in your <a href="/examples/forms">email settings</a>.
               </FormDescription>
               <FormMessage />
             </FormItem>