From 2596df72024f9018020c15993c5316c2eb40dd02 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 20 May 2021 18:16:25 +0530
Subject: [PATCH] change: added external icon for integration doc links

---
 frontend/app/components/shared/DocLink/DocLink.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/shared/DocLink/DocLink.js b/frontend/app/components/shared/DocLink/DocLink.js
index d750fe192..cab199765 100644
--- a/frontend/app/components/shared/DocLink/DocLink.js
+++ b/frontend/app/components/shared/DocLink/DocLink.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button } from 'UI'
+import { Button, Icon } from 'UI'
 
 export default function DocLink({ className = '', url, label }) {
   const openLink = () => {
@@ -9,7 +9,10 @@ export default function DocLink({ className = '', url, label }) {
   return (
     <div className={className}>
       <Button outline onClick={openLink}>
-        { label }
+        <div className="flex items-center">
+          <span className="mr-2">{ label }</span>
+          <Icon name="external-link-alt" color="teal" />
+        </div>
       </Button>
     </div>
   )