From 9214ba5e68f65e0b9bd0a93c92a6244bc3067a86 Mon Sep 17 00:00:00 2001
From: Gergely Gazda <info@gazdagergo.com>
Date: Sun, 19 Mar 2023 03:16:30 +0100
Subject: [PATCH 1/2] fix(directory): remove link anchor child

to get rid of nextjs error message
---
 components/layout/directory.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/layout/directory.tsx b/components/layout/directory.tsx
index 2e53bc5..cfef7f4 100644
--- a/components/layout/directory.tsx
+++ b/components/layout/directory.tsx
@@ -28,11 +28,9 @@ export default function Directory({
     <aside className="flex-shrink-0 w-full bg-black sm:w-96 h-full overflow-scroll border-r border-gray-800">
       <div className="px-6 pt-6 pb-0 sticky top-0 bg-black z-20">
         <Link href="/">
-          <a>
-            <div className="bg-dark-accent-1 hover:bg-dark-accent-2 transition-all rounded-2xl h-12 w-12 flex justify-center items-center">
-              <DirectoryIcon className="text-white" />
-            </div>
-          </a>
+          <div className="bg-dark-accent-1 hover:bg-dark-accent-2 transition-all rounded-2xl h-12 w-12 flex justify-center items-center">
+            <DirectoryIcon className="text-white" />
+          </div>
         </Link>
         <p className="mt-8 text-2xl text-white font-bold">Directory</p>
         <p className="mt-2 text-sm text-dark-accent-5">

From 09c34094b1133343e0c18adbf707ce59a0d3e9fd Mon Sep 17 00:00:00 2001
From: Gergely Gazda <info@gazdagergo.com>
Date: Sun, 19 Mar 2023 03:18:48 +0100
Subject: [PATCH 2/2] feat(directory-results): remove link anchor

---
 components/layout/directory-results.tsx | 46 ++++++++++++-------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/components/layout/directory-results.tsx b/components/layout/directory-results.tsx
index a0013b5..b115b2c 100644
--- a/components/layout/directory-results.tsx
+++ b/components/layout/directory-results.tsx
@@ -9,33 +9,31 @@ export default function DirectoryResults({ users }: { users: UserProps[] }) {
       {users.map((user) => (
         <li key={user.username}>
           <Link href={`/${user.username}`}>
-            <a>
-              <div className="relative px-6 py-4 flex items-center space-x-3 focus-within:ring-0">
-                <div className="flex-shrink-0 h-12 w-12 rounded-full overflow-hidden">
-                  <BlurImage
-                    src={user.image}
-                    alt={user.name}
-                    width={300}
-                    height={300}
-                  />
-                </div>
-                <div className="flex-1 min-w-0">
-                  {/* Extend touch target to entire panel */}
-                  <span className="absolute inset-0" aria-hidden="true" />
-                  <div className="flex items-center space-x-1">
-                    <p className="text-sm font-medium text-white truncate">
-                      {user.name}
-                    </p>
-                    {user.verified && (
-                      <CheckInCircleIcon className="w-4 h-4 text-white" />
-                    )}
-                  </div>
-                  <p className="text-sm text-dark-accent-5 truncate">
-                    @{user.username}
+            <div className="relative px-6 py-4 flex items-center space-x-3 focus-within:ring-0">
+              <div className="flex-shrink-0 h-12 w-12 rounded-full overflow-hidden">
+                <BlurImage
+                  src={user.image}
+                  alt={user.name}
+                  width={300}
+                  height={300}
+                />
+              </div>
+              <div className="flex-1 min-w-0">
+                {/* Extend touch target to entire panel */}
+                <span className="absolute inset-0" aria-hidden="true" />
+                <div className="flex items-center space-x-1">
+                  <p className="text-sm font-medium text-white truncate">
+                    {user.name}
                   </p>
+                  {user.verified && (
+                    <CheckInCircleIcon className="w-4 h-4 text-white" />
+                  )}
                 </div>
+                <p className="text-sm text-dark-accent-5 truncate">
+                  @{user.username}
+                </p>
               </div>
-            </a>
+            </div>
           </Link>
         </li>
       ))}