From 2ac6ad8eb8447cd6c4183882af80408f64d414af Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 26 Jun 2017 16:16:40 -0300
Subject: [PATCH] Using the plugin api

---
 plugin-api/beta/client/components/index.js          |  1 +
 .../client/components/PermalinkButton.js            | 13 +++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/plugin-api/beta/client/components/index.js b/plugin-api/beta/client/components/index.js
index 5d76732fc..6466b9ffc 100644
--- a/plugin-api/beta/client/components/index.js
+++ b/plugin-api/beta/client/components/index.js
@@ -1 +1,2 @@
 export {Slot} from 'coral-framework/components';
+export {default as ClickOutside} from 'coral-framework/components/ClickOutside';
diff --git a/plugins/talk-plugin-permalink/client/components/PermalinkButton.js b/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
index 7eba9ddd0..68406472e 100644
--- a/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
+++ b/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
@@ -1,9 +1,9 @@
 import React from 'react';
-import {Button} from 'coral-ui';
-import styles from './styles.css';
-import t from 'coral-framework/services/i18n';
-import ClickOutside from 'coral-framework/components/ClickOutside';
 import cn from 'classnames';
+import styles from './styles.css';
+import {t} from 'plugin-api/beta/client/services';
+import {ClickOutside} from 'plugin-api/beta/client/components';
+import {Icon, Button} from 'plugin-api/beta/client/components/ui';
 
 const name = 'talk-plugin-permalink';
 
@@ -66,12 +66,13 @@ export default class PermalinkButton extends React.Component {
     return (
       <ClickOutside onClickOutside={this.handleClickOutside}>
         <div className={cn(`${name}-container`, styles.container)}>
+          
           <button
             ref={(ref) => this.linkButton = ref}
             onClick={this.toggle}
             className={`${name}-button`}>
-            {t('permalink')}
-            <i className={`${name}-icon material-icons`} aria-hidden={true}>link</i>
+              {t('permalink')}
+            <Icon name="link" />
           </button>
 
           <div