Refactored samples to pass linter

Author: teodosii

samples/js/components/Content.js

@@ -1,12 +1,12 @@
 import React from "react";
 import Highlight from "react-highlight";
-import { install, usage } from "../helpers/code";
-import ContainerExample from "./examples/ContainerExample";
-import TypeExample from "./examples/TypeExample";
-import InsertExample from "./examples/InsertExample";
-import AnimationWrapper from "./examples/AnimationExample";
-import CustomContentExample from "./examples/CustomContentExample";
-import UsageExample from "./examples/UsageExample";
+import { install, } from "helpers/code";
+import ContainerExample from "components/examples/ContainerExample";
+import TypeExample from "components/examples/TypeExample";
+import InsertExample from "components/examples/InsertExample";
+import AnimationWrapper from "components/examples/AnimationExample";
+import CustomContentExample from "components/examples/CustomContentExample";
+import UsageExample from "components/examples/UsageExample";
 
 function NPMInstall() {
   return (
@@ -34,7 +34,7 @@ function ExampleHeading() {
       </div>
     </div>
   );
-};
+}
 
 const Examples = ({ addNotification }) => {
   return (

samples/js/components/Header.js

@@ -1,6 +1,6 @@
 import React from "react";
 
-export default function Header({ instance }) {
+export default function Header() {
   return (
     <div className="header">
       <div className="header-content">
@@ -9,6 +9,7 @@ export default function Header({ instance }) {
         <div className="header-buttons">
           <a
             target="_blank"
+            rel="noopener noreferrer"
             className="btn btn-primary no-corner"
             href={"https://github.com/teodosii/react-notifications-component"}
           >

samples/js/components/examples/AnimationExample.js

@@ -1,11 +1,10 @@
 import React from "react";
-import notification from "../../helpers/notification";
+import notification from "helpers/notification";
 import {
   getContainer,
   getType,
-  getMessage,
-  getTitle
-} from "../../helpers/randomize";
+  getMessage
+} from "helpers/randomize";
 
 function AnimationInExample({ addNotification }) {
   const add = (htmlClasses) => {

samples/js/components/examples/ContainerExample.js

@@ -1,10 +1,10 @@
 import React from "react";
-import notification from "../../helpers/notification";
+import notification from "helpers/notification";
 import {
   getType,
   getMessage,
   getTitle
-} from "../../helpers/randomize";
+} from "helpers/randomize";
 
 export default class ContainerExample extends React.Component {
   constructor(props) {

samples/js/components/examples/CustomContentExample.js

@@ -1,7 +1,7 @@
 import React from "react";
-import notification from "../../helpers/notification";
-import reactImage from "../../../images/react.png";
-import { getContainer } from "../../helpers/randomize";
+import notification from "helpers/notification";
+import reactImage from "images/react.png";
+import { getContainer } from "helpers/randomize";
 
 export default class CustomContentExample extends React.Component {
   constructor(props) {

samples/js/components/examples/InsertExample.js

@@ -1,11 +1,10 @@
 import React from "react";
-import notification from "../../helpers/notification";
+import notification from "helpers/notification";
 import {
-  getContainer,
   getType,
   getMessage,
   getTitle
-} from "../../helpers/randomize";
+} from "helpers/randomize";
 
 export default function InsertExample({ addNotification }) {
   const add = (insert) => {

samples/js/components/examples/TypeExample.js

@@ -1,10 +1,10 @@
 import React from "react";
-import notification from "../../helpers/notification";
+import notification from "helpers/notification";
 import {
   getContainer,
   getMessage,
   getTitle
-} from "../../helpers/randomize";
+} from "helpers/randomize";
 
 export default class TypeExample extends React.Component {
   constructor(props) {

samples/js/components/examples/UsageExample.js

@@ -1,10 +1,8 @@
 import React from "react";
 import Highlight from "react-highlight";
-import { usage } from "../../helpers/code";
-import notification from "../../helpers/notification";
-import notificationObject from "../../../../tests/mocks/notification.mock";
+import { usage } from "helpers/code";
 
-export default function UsageExample({ addNotification }) {
+export default function UsageExample() {
   return (
     <div className="row">
       <div className="col-lg-8 offset-lg-2 column col-md-10 offset-md-1 col-sm-12 heading">

samples/js/helpers/code.js

@@ -7,10 +7,11 @@ class App extends React.Component {
   constructor(props) {
     super(props);
     this.addNotification = this.addNotification.bind(this);
+    this.notificationDOMRef = React.createRef();
   }
 
   addNotification() {
-    this.notificationDOMRef.addNotification({
+    this.notificationDOMRef.current.addNotification({
       title: "Awesomeness",
       message: "Awesome Notifications!",
       type: "success",
@@ -26,7 +27,7 @@ class App extends React.Component {
   render() {
     return (
       <div className="app-content">
-        <ReactNotification ref={input => this.notificationDOMRef = input} />
+        <ReactNotification ref={this.notificationDOMRef} />
         <button onClick={this.addNotification} className="btn btn-primary">
           Add Awesome Notification
         </button>

samples/js/helpers/notification.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 export default {
   title: "Awesomeness",
   message: "Awesome Notifications!",
@@ -47,7 +45,7 @@ export default {
       delay: 0
     }
   },
-  
+
   dismiss: {
     duration: 5000
   }