Merge pull request #381 from taniasanz7/patch-29-contact-email-link

feat(contacts): make email cell a link to the contact detail page
This commit is contained in:
Dries Augustyns
2026-05-16 21:45:25 +02:00
committed by GitHub
+12 -2
View File
@@ -405,7 +405,12 @@ export default function ContactsPage() {
) : ( ) : (
<MailX className="h-4 w-4 text-red-600" /> <MailX className="h-4 w-4 text-red-600" />
)} )}
<span className="text-sm font-medium text-neutral-900">{contact.email}</span> <Link
href={`/contacts/${contact.id}`}
className="text-sm font-medium text-neutral-900 hover:text-neutral-700 focus-visible:outline-none focus-visible:underline"
>
{contact.email}
</Link>
</div> </div>
</td> </td>
<td className="px-6 py-4 whitespace-nowrap"> <td className="px-6 py-4 whitespace-nowrap">
@@ -455,7 +460,12 @@ export default function ContactsPage() {
) : ( ) : (
<MailX className="h-4 w-4 text-red-600 flex-shrink-0" /> <MailX className="h-4 w-4 text-red-600 flex-shrink-0" />
)} )}
<span className="text-sm font-medium text-neutral-900 truncate">{contact.email}</span> <Link
href={`/contacts/${contact.id}`}
className="text-sm font-medium text-neutral-900 truncate hover:text-neutral-700 focus-visible:outline-none focus-visible:underline"
>
{contact.email}
</Link>
</div> </div>
<span <span
className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium flex-shrink-0 ${ className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium flex-shrink-0 ${