From 9209b3cb05ea8914dd250a65badc7fb568043bf2 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Sat, 15 Jan 2022 17:28:32 -0600
Subject: [PATCH] Fix nested <a> tag

---
 web/components/contract-card.tsx | 33 ++++++++++++++++----------------
 web/components/user-page.tsx     |  3 ++-
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 7aaaee16..3e39d1c7 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -24,25 +24,24 @@ export function ContractCard(props: {
   const { probPercent } = contractMetrics(contract)
 
   return (
-    <div className={className}>
+    <div
+      className={clsx(
+        'bg-white hover:bg-gray-100 shadow-md rounded-lg p-6 relative',
+        className
+      )}
+    >
       <Link href={contractPath(contract)}>
-        <a>
-          <div className="bg-white hover:bg-gray-100 shadow-md rounded-lg p-6">
-            <Row className="justify-between gap-4 mb-2">
-              <p className="font-medium text-indigo-700">{question}</p>
-              <ResolutionOrChance
-                className="items-center"
-                resolution={resolution}
-                probPercent={probPercent}
-              />
-            </Row>
-            <AbbrContractDetails
-              contract={contract}
-              showHotVolume={showHotVolume}
-            />
-          </div>
-        </a>
+        <a className="absolute left-0 right-0 top-0 bottom-0" />
       </Link>
+      <Row className="justify-between gap-4 mb-2">
+        <p className="font-medium text-indigo-700">{question}</p>
+        <ResolutionOrChance
+          className="items-center"
+          resolution={resolution}
+          probPercent={probPercent}
+        />
+      </Row>
+      <AbbrContractDetails contract={contract} showHotVolume={showHotVolume} />
     </div>
   )
 }
diff --git a/web/components/user-page.tsx b/web/components/user-page.tsx
index 0a27fae6..f75dcf7e 100644
--- a/web/components/user-page.tsx
+++ b/web/components/user-page.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx'
 import { firebaseLogout, User } from '../lib/firebase/users'
 import { CreatorContractsList } from './contracts-list'
 import { Title } from './title'
@@ -16,7 +17,7 @@ export function UserLink(props: {
   const { name, username, showUsername, className } = props
 
   return (
-    <SiteLink href={`/${username}`} className={className}>
+    <SiteLink href={`/${username}`} className={clsx('z-10', className)}>
       {name}
       {showUsername && ` (@${username})`}
     </SiteLink>