From 86daf6717d3418776c59f78c21e896632b014561 Mon Sep 17 00:00:00 2001
From: Blair Currey <12960453+BlairCurrey@users.noreply.github.com>
Date: Fri, 10 May 2024 13:31:50 -0400
Subject: [PATCH] refactor: standardize default a link styling

---
 .../payments.incoming.$incomingPaymentId.tsx       |  2 +-
 .../payments.outgoing.$outgoingPaymentId.tsx       |  7 ++-----
 packages/frontend/app/routes/peers.$peerId.tsx     | 12 ++++++------
 packages/frontend/app/routes/peers.create.tsx      | 14 +++++++-------
 packages/frontend/app/styles/tailwind.css          |  2 +-
 5 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/packages/frontend/app/routes/payments.incoming.$incomingPaymentId.tsx b/packages/frontend/app/routes/payments.incoming.$incomingPaymentId.tsx
index 1470cbd49c..65ad6c43fe 100644
--- a/packages/frontend/app/routes/payments.incoming.$incomingPaymentId.tsx
+++ b/packages/frontend/app/routes/payments.incoming.$incomingPaymentId.tsx
@@ -83,7 +83,7 @@ export default function ViewIncomingPaymentPage() {
                 <p className='font-medium'>Wallet Address ID </p>
                 <Link
                   to={`/wallet-addresses/${incomingPayment.walletAddressId}`}
-                  className='mt-1 underline text-blue-600 hover:text-blue-800 visited:text-purple-600'
+                  className='default-link'
                 >
                   {incomingPayment.walletAddressId}
                 </Link>
diff --git a/packages/frontend/app/routes/payments.outgoing.$outgoingPaymentId.tsx b/packages/frontend/app/routes/payments.outgoing.$outgoingPaymentId.tsx
index e7b07c5c92..a2686b5f08 100644
--- a/packages/frontend/app/routes/payments.outgoing.$outgoingPaymentId.tsx
+++ b/packages/frontend/app/routes/payments.outgoing.$outgoingPaymentId.tsx
@@ -86,7 +86,7 @@ export default function ViewOutgoingPaymentPage() {
                 <p className='font-medium'>Wallet Address ID </p>
                 <Link
                   to={`/wallet-addresses/${outgoingPayment.walletAddressId}`}
-                  className='mt-1 underline text-blue-600 hover:text-blue-800 visited:text-purple-600'
+                  className='default-link'
                 >
                   {outgoingPayment.walletAddressId}
                 </Link>
@@ -99,10 +99,7 @@ export default function ViewOutgoingPaymentPage() {
               </div>
               <div>
                 <p className='font-medium'>Receiver</p>
-                <Link
-                  className='underline text-blue-600 hover:text-blue-800 visited:text-purple-600'
-                  to={outgoingPayment.receiver}
-                >
+                <Link className='default-link' to={outgoingPayment.receiver}>
                   {outgoingPayment.receiver}
                 </Link>
               </div>
diff --git a/packages/frontend/app/routes/peers.$peerId.tsx b/packages/frontend/app/routes/peers.$peerId.tsx
index 69e7da03dd..71497ca386 100644
--- a/packages/frontend/app/routes/peers.$peerId.tsx
+++ b/packages/frontend/app/routes/peers.$peerId.tsx
@@ -125,7 +125,7 @@ export default function ViewPeerPage() {
                       <>
                         The name of the{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/peering/'
                         >
                           peer
@@ -147,7 +147,7 @@ export default function ViewPeerPage() {
                       <>
                         {"The peer's "}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://interledger.org/developers/rfcs/ilp-addresses/'
                         >
                           address on the Interledger network.
@@ -168,7 +168,7 @@ export default function ViewPeerPage() {
                       <>
                         The maximum amount of value that can be sent in a single{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://interledger.org/developers/rfcs/stream-protocol/#35-packets-and-frames'
                         >
                           Interledger STREAM Packet
@@ -213,7 +213,7 @@ export default function ViewPeerPage() {
                       <>
                         List of valid tokens to accept when receiving{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#incoming-http'
                         >
                           incoming ILP packets from the peer.
@@ -232,7 +232,7 @@ export default function ViewPeerPage() {
                       <>
                         List of valid tokens to present when sending{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#outgoing-http'
                         >
                           outgoing ILP packets to the peer.
@@ -251,7 +251,7 @@ export default function ViewPeerPage() {
                       <>
                         Endpoint on the peer to which{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#outgoing-http'
                         >
                           outgoing ILP packets
diff --git a/packages/frontend/app/routes/peers.create.tsx b/packages/frontend/app/routes/peers.create.tsx
index 50549f78b4..c76d4b90ff 100644
--- a/packages/frontend/app/routes/peers.create.tsx
+++ b/packages/frontend/app/routes/peers.create.tsx
@@ -63,7 +63,7 @@ export default function CreatePeerPage() {
                       <>
                         The name of the{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/peering/'
                         >
                           peer
@@ -82,7 +82,7 @@ export default function CreatePeerPage() {
                       <>
                         {"The peer's "}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://interledger.org/developers/rfcs/ilp-addresses/'
                         >
                           address on the Interledger network.
@@ -99,7 +99,7 @@ export default function CreatePeerPage() {
                       <>
                         The maximum amount of value that can be sent in a single{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://interledger.org/developers/rfcs/stream-protocol/#35-packets-and-frames'
                         >
                           Interledger STREAM Packet
@@ -128,7 +128,7 @@ export default function CreatePeerPage() {
                       <>
                         List of valid tokens to accept when receiving{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#incoming-http'
                         >
                           incoming ILP packets from the peer.
@@ -146,7 +146,7 @@ export default function CreatePeerPage() {
                       <>
                         List of valid tokens to present when sending{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#outgoing-http'
                         >
                           outgoing ILP packets to the peer.
@@ -164,7 +164,7 @@ export default function CreatePeerPage() {
                       <>
                         Endpoint on the peer to which{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/interledger-protocol/connector/#outgoing-http'
                         >
                           outgoing ILP packets
@@ -197,7 +197,7 @@ export default function CreatePeerPage() {
                       <>
                         The type of{' '}
                         <a
-                          className='tooltip'
+                          className='default-link'
                           href='https://rafiki.dev/concepts/asset/'
                         >
                           asset
diff --git a/packages/frontend/app/styles/tailwind.css b/packages/frontend/app/styles/tailwind.css
index 92dd600d99..45781af4fa 100644
--- a/packages/frontend/app/styles/tailwind.css
+++ b/packages/frontend/app/styles/tailwind.css
@@ -2,7 +2,7 @@
 @tailwind components;
 @tailwind utilities;
 
-a.tooltip {
+a.default-link {
   color: revert;
   text-decoration: revert;
 }