From f710b20fd68378e9b1ee6c648dface29ec75fb6b Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Mon, 29 Nov 2021 11:32:28 +0800
Subject: [PATCH] FIx broken links in new project card (#4119)

---
 .../Home/NewProjectPanel/GetStartedPanel.tsx  | 20 +++++++++++++------
 .../Home/NewProjectPanel/NewProjectPanel.tsx  |  1 -
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/studio/components/interfaces/Home/NewProjectPanel/GetStartedPanel.tsx b/studio/components/interfaces/Home/NewProjectPanel/GetStartedPanel.tsx
index 4f7f8d6fda5..92ab5ca51e9 100644
--- a/studio/components/interfaces/Home/NewProjectPanel/GetStartedPanel.tsx
+++ b/studio/components/interfaces/Home/NewProjectPanel/GetStartedPanel.tsx
@@ -47,11 +47,15 @@ const GetStartedPanel: FC<Props> = ({}) => {
                 </Typography.Text>
               </div>
               <div className="space-x-2">
-                <Link href={`/project/${ref}/editor/table`}>
-                  <Button type="default">Table editor</Button>
+                <Link href={`/project/${ref}/editor`}>
+                  <a>
+                    <Button type="default">Table editor</Button>
+                  </a>
                 </Link>
-                <Link href={`/project/${ref}/editor/sql`}>
-                  <Button type="default">SQL editor</Button>
+                <Link href={`/project/${ref}/sql`}>
+                  <a>
+                    <Button type="default">SQL editor</Button>
+                  </a>
                 </Link>
                 <a href="https://supabase.io/docs/guides/database" target="_blank">
                   <Button type="text">Documentation</Button>
@@ -77,7 +81,9 @@ const GetStartedPanel: FC<Props> = ({}) => {
               </div>
               <div className="space-x-2">
                 <Link href={`/project/${ref}/auth/users`}>
-                  <Button type="default">Try Auth</Button>
+                  <a>
+                    <Button type="default">Try Auth</Button>
+                  </a>
                 </Link>
                 <a href="https://supabase.io/docs/guides/auth" target="_blank">
                   <Button type="text">Documentation</Button>
@@ -103,7 +109,9 @@ const GetStartedPanel: FC<Props> = ({}) => {
               </div>
               <div className="space-x-2">
                 <Link href={`/project/${ref}/storage/buckets`}>
-                  <Button type="default">Try Storage</Button>
+                  <a>
+                    <Button type="default">Try Storage</Button>
+                  </a>
                 </Link>
                 <a href="https://supabase.io/docs/guides/storage" target="_blank">
                   <Button type="text">Documentation</Button>
diff --git a/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx b/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx
index e85e788b4f8..9703431f573 100644
--- a/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx
+++ b/studio/components/interfaces/Home/NewProjectPanel/NewProjectPanel.tsx
@@ -1,7 +1,6 @@
 import { FC } from 'react'
 import { Typography } from '@supabase/ui'
 
-import { Project } from 'types'
 import GetStartedPanel from './GetStartedPanel'
 import {
   DisplayApiSettings,