chore: #1185 update "Ping" as hiperlink (#1250)

reapit · May 14, 2020 · 318c19b · 318c19b
1 parent 9cf14f4
commit 318c19b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/marketplace/src/components/pages/developer-webhooks.tsx b/packages/marketplace/src/components/pages/developer-webhooks.tsx
@@ -35,6 +35,7 @@ import FormikAutoSave from '@/components/hocs/formik-auto-save'
 import WebhookEditModal from '../ui/webhook-edit-modal'
 import { selectDeveloperApps } from '@/selector/developer'
 import WebhookTestModal from '../ui/webhook-test-modal'
+import styles from '@/styles/elements/link.scss?mod'
 
 export const CreatedCell = ({ cell: { value } }): ReactElement[] => {
   return value.map((line, index) => <p key={index}>{line}</p>)
@@ -128,7 +129,11 @@ export const getTableTopicsData = ({
     url: subscription.url,
     topics: renderTopicName(topics, subscription.topicIds),
     customer: renderCustomerName(subscription.customerIds),
-    test: <a onClick={() => handleOpenTestModal(subscription.id)}>Ping</a>,
+    test: (
+      <a className={styles.hyperlinked} onClick={() => handleOpenTestModal(subscription.id)}>
+        Ping
+      </a>
+    ),
     edit: (
       <Button
         dataTest="edit-btn"

diff --git a/packages/marketplace/src/styles/elements/link.scss b/packages/marketplace/src/styles/elements/link.scss
@@ -4,3 +4,8 @@
   color: $reapit-marketplace-link-color;
   font-weight: $reapit-marketplace-link-font-weight;
 }
+.hyperlinked {
+  color: $reapit-mid-blue;
+  text-decoration: underline;
+  font-weight: bold;
+}