From cdb4d402f5dea2192e7e3862b7b98351e3ae02f4 Mon Sep 17 00:00:00 2001
From: Jie Peng <dean.leehom@gmail.com>
Date: Sun, 4 Dec 2022 10:02:18 +0800
Subject: [PATCH] chore(next-example): improve link component (#1954)

Signed-off-by: Jie Peng <im@jiepeng.me>

Signed-off-by: Jie Peng <im@jiepeng.me>
---
 examples/next/components/navbar.tsx | 8 ++++----
 examples/next/pages/blog/index.tsx  | 6 ++----
 examples/next/pages/index.tsx       | 6 ++----
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/examples/next/components/navbar.tsx b/examples/next/components/navbar.tsx
index 134c289e62..00257f26e1 100644
--- a/examples/next/components/navbar.tsx
+++ b/examples/next/components/navbar.tsx
@@ -5,11 +5,11 @@ function Navbar() {
     <nav className="px-10 bg-teal-700">
       <div className="relative flex items-center justify-between h-16">
         <div className="flex space-x-4">
-          <Link href="/" >
-            <a className="bg-teal-900 text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
+          <Link href="/" className="bg-teal-900 text-white px-3 py-2 rounded-md text-sm font-medium">
+            Home
           </Link>
-          <Link href="/blog" >
-            <a className="text-teal-100 hover:bg-teal-600 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Blog</a>
+          <Link href="/blog" className="text-teal-100 hover:bg-teal-600 hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+            Blog
           </Link>
         </div>
       </div>
diff --git a/examples/next/pages/blog/index.tsx b/examples/next/pages/blog/index.tsx
index 1913ad1521..e51d765e6c 100644
--- a/examples/next/pages/blog/index.tsx
+++ b/examples/next/pages/blog/index.tsx
@@ -9,11 +9,9 @@ const Blog: NextPage = () => {
       <main className="py-20 px-12 text-center flex flex-col items-center gap-20px">
         <h2 className="text-3xl font-bold text-green-900">Blog posts</h2>
 
-        <Link href="/">
-          <a className="flex items-center btn">
-            <div className="i-carbon-arrow-left" />
+        <Link href="/" className="flex items-center btn">
+          <div className="i-carbon-arrow-left" />
             Home
-          </a>
         </Link>
       </main>
     </>
diff --git a/examples/next/pages/index.tsx b/examples/next/pages/index.tsx
index 004bf5c107..9354fd5d98 100644
--- a/examples/next/pages/index.tsx
+++ b/examples/next/pages/index.tsx
@@ -17,11 +17,9 @@ const Home: NextPage = () => {
         <span text="blue 5xl hover:red" cursor="default">Hello Next</span>
         <div className="i-carbon-car inline-block" text="4xl teal-500" />
 
-        <Link href="/blog">
-          <a className="flex items-center btn">
-            Blog
+        <Link href="/blog" className="flex items-center btn">
+          Blog
             <div className="i-carbon-arrow-right" />
-          </a>
         </Link>
       </main>
     </>