Follow redux code style

Author: tanem

.eslintrc

@@ -0,0 +1,16 @@
+module.exports = {
+  extends: 'react-app',
+
+  rules: {
+    'jsx-a11y/href-no-hash': 'off'
+  },
+
+  overrides: [
+    {
+      files: 'test/**/*.js',
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

.eslintrc.js

@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "singleQuote": true
+}

.prettierrc.json

@@ -10,19 +10,21 @@
 ## Usage
 
 ```js
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactSVG from 'react-svg';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import ReactSVG from 'react-svg'
 
 ReactDOM.render(
   <ReactSVG
     path="atomic.svg"
-    callback={svg => console.log(svg)}
+    callback={svg => {
+      console.log(svg)
+    }}
     className="class-name"
     wrapperClassName="wrapper-class-name"
   />,
   document.querySelector('.Root')
-);
+)
 ```
 
 There is a working version of the above in the `examples/basic` dir. First run `npm start`, then point a browser at `localhost:8080/basic`.
@@ -43,11 +45,13 @@ __Example__
 ```js
 <ReactSVG
   path="atomic.svg"
-  callback={svg => console.log(svg)}
+  callback={svg => {
+    console.log(svg)
+  }}
   className="example"
   wrapperClassName="example-wrapper-classname"
   evalScript="always"
-  style={{width: 200}}
+  style={{ width: 200 }}
 />
 ```
 

README.md

@@ -1,16 +1,16 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactSVG from '../../src';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import ReactSVG from '../../src'
 
 ReactDOM.render(
   <ReactSVG
     path="atomic.svg"
     callback={svg => {
       // eslint-disable-next-line no-console
-      console.log(svg);
+      console.log(svg)
     }}
     className="class-name"
     wrapperClassName="wrapper-class-name"
   />,
-  document.querySelector('.Root'),
-);
+  document.querySelector('.Root')
+)

examples/basic/index.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactSVG from '../../../src';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import ReactSVG from '../../../src'
 
 ReactDOM.render(
   <ReactSVG path="atomic.svg" className="class-name" />,
-  document.querySelector('.Root'),
-);
+  document.querySelector('.Root')
+)

examples/issue-49/fill/index.js

@@ -1,26 +1,27 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactSVG from '../../../src';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import ReactSVG from '../../../src'
 
 class Swap extends React.Component {
   state = {
-    isHovered: false,
-  };
+    isHovered: false
+  }
 
   render() {
     return (
       <div
-        onMouseEnter={() => this.setState({isHovered: true})}
-        onMouseOut={() => this.setState({isHovered: false})}
-        style={{display: 'inline-block'}}>
+        onMouseEnter={() => this.setState({ isHovered: true })}
+        onMouseOut={() => this.setState({ isHovered: false })}
+        style={{ display: 'inline-block' }}
+      >
         <ReactSVG
           path={this.state.isHovered ? 'atomic-black.svg' : 'atomic-blue.svg'}
           className="class-name"
           wrapperClassName="wrapper-class-name"
         />
       </div>
-    );
+    )
   }
 }
 
-ReactDOM.render(<Swap />, document.querySelector('.Root'));
+ReactDOM.render(<Swap />, document.querySelector('.Root'))