Move labels inside <a>

eea · Mar 10, 2023 · 4273ece · 4273ece
1 parent 627225d
commit 4273ece
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Result/DatahubCardItem.jsx b/src/components/Result/DatahubCardItem.jsx
@@ -20,9 +20,11 @@ const DatahubCardItem = (props) => {
       <>
         <Link to={result.href} title={result.title}>
           {result.title}
+          {result.isNew && <Label className="new-item">New</Label>}
+          {result.isExpired && (
+            <Label className="archived-item">Archived</Label>
+          )}
         </Link>
-        {result.isNew && <Label className="new-item">New</Label>}
-        {result.isExpired && <Label className="archived-item">Archived</Label>}
       </>
     ),
     description: <ResultContext {...props} />,