change: added external icon for integration doc links

This commit is contained in:
Shekar Siri 2021-05-20 18:16:25 +05:30
parent c55647f5ad
commit 2cd79ce553

View file

@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import { Button } from 'UI' import { Button, Icon } from 'UI'
export default function DocLink({ className = '', url, label }) { export default function DocLink({ className = '', url, label }) {
const openLink = () => { const openLink = () => {
@ -9,7 +9,10 @@ export default function DocLink({ className = '', url, label }) {
return ( return (
<div className={className}> <div className={className}>
<Button outline onClick={openLink}> <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> </Button>
</div> </div>
) )