replaced eslint:recommended with prettier

plugins/talk-plugin-permalink/client/components/PermalinkButton.js

@@ -1,39 +1,38 @@
 import React from 'react';
 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';
+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';
 
 export default class PermalinkButton extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props);
 
     this.state = {
       popoverOpen: false,
       copySuccessful: null,
-      copyFailure: null
+      copyFailure: null,
     };
-
   }
 
   toggle = () => {
     this.popover.style.top = `${this.linkButton.offsetTop - 80}px`;
 
     this.setState({
-      popoverOpen: !this.state.popoverOpen
+      popoverOpen: !this.state.popoverOpen,
     });
-  }
+  };
 
   handleClickOutside = () => {
     if (this.state.popoverOpen) {
       this.setState({
-        popoverOpen: false
+        popoverOpen: false,
       });
     }
-  }
+  };
 
   copyPermalink = () => {
     this.permalinkInput.select();
@@ -41,52 +40,56 @@ export default class PermalinkButton extends React.Component {
       document.execCommand('copy');
       this.setState({
         copySuccessful: true,
-        copyFailure: null
+        copyFailure: null,
       });
     } catch (err) {
       this.setState({
         copyFailure: true,
-        copySuccessful: null
+        copySuccessful: null,
       });
     }
 
     this.timeout = window.setTimeout(() => {
       this.setState({
         copyFailure: null,
-        copySuccessful: null
+        copySuccessful: null,
       });
     }, 3000);
-  }
+  };
 
   componentWillUnmount() {
     window.clearTimeout(this.timeout);
   }
 
-  render () {
-    const {copySuccessful, copyFailure, popoverOpen} = this.state;
-    const {asset, comment} = this.props;
+  render() {
+    const { copySuccessful, copyFailure, popoverOpen } = this.state;
+    const { asset, comment } = this.props;
     return (
       <ClickOutside onClickOutside={this.handleClickOutside}>
         <div className={cn(`${name}-container`, styles.container)}>
-
           <button
-            ref={(ref) => this.linkButton = ref}
+            ref={ref => (this.linkButton = ref)}
             onClick={this.toggle}
-            className={cn(`${name}-button`, styles.button)}>
-            <span className='talk-plugin-permalink-button-label'>
+            className={cn(`${name}-button`, styles.button)}
+          >
+            <span className="talk-plugin-permalink-button-label">
               {t('permalink')}
             </span>
-            <Icon name="link" className={styles.icon}/>
+            <Icon name="link" className={styles.icon} />
           </button>
 
           <div
-            ref={(ref) => this.popover = ref}
-            className={cn([`${name}-popover`, styles.popover, {[styles.active]: popoverOpen}])}>
-
+            ref={ref => (this.popover = ref)}
+            className={cn([
+              `${name}-popover`,
+              styles.popover,
+              { [styles.active]: popoverOpen },
+            ])}
+          >
             <input
               className={cn(styles.input, `${name}-copy-field`)}
-              type='text'
-              ref={(input) => this.permalinkInput = input}
+              type="text"
+              ref={input => (this.permalinkInput = input)}
               defaultValue={`${asset.url}?commentId=${comment.id}`}
               readOnly
             />
@@ -95,15 +98,17 @@ export default class PermalinkButton extends React.Component {
               onClick={this.copyPermalink}
               className={cn([
                 styles.copyButton,
-                `${name}-copy-button`, {
-                  [styles.success]:copySuccessful,
-                  [styles.failure]: copyFailure
-                }])}>
+                `${name}-copy-button`,
+                {
+                  [styles.success]: copySuccessful,
+                  [styles.failure]: copyFailure,
+                },
+              ])}
+            >
               {!copyFailure && !copySuccessful && 'Copy'}
               {copySuccessful && 'Copied'}
               {copyFailure && 'Not supported'}
             </Button>
-
           </div>
         </div>
       </ClickOutside>