Merge pull request #5 from u-bahn/develop

Merge and Fixes

Author: luizrrodrigues

package-lock.json

@@ -9,14 +9,22 @@
     "axios": "^0.19.2",
     "core-js": "^3.6.5",
     "form-data": "^3.0.0",
+    "husky": "^4.2.5",
+    "lint-staged": "^10.2.6",
     "node-sass": "^4.14.1",
+    "prettier": "^2.0.5",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.1",
     "regenerator-runtime": "^0.13.5"
   },
+  "lint-staged": {
+    "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+      "prettier --write"
+    ]
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
@@ -39,5 +47,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   }
 }

package.json

@@ -2,11 +2,11 @@
  * Routing of application pages.
  */
 
-import React from 'react';
-import { BrowserRouter, Route, Switch } from 'react-router-dom';
+import React from "react";
+import { BrowserRouter, Route, Switch } from "react-router-dom";
 
-import Error404 from './pages/Error404';
-import SearchPage from './pages/Search';
+import Error404 from "./pages/Error404";
+import SearchPage from "./pages/Search";
 
 export default function Router() {
   return (

public/sprites.png

@@ -1,25 +1,21 @@
-import React from 'react';
-import PT from 'prop-types';
+import React from "react";
+import PT from "prop-types";
 
-import Switch from '../../Switch';
+import Switch from "../../Switch";
 
-import style from './style.module.scss';
+import style from "./style.module.scss";
 
 export default function Group({ checked, group, onSwitch }) {
   return (
-    <div className={style.container}> 
+    <div className={style.container}>
       {group}
-      <Switch
-        checked={checked}
-        className={style.switch}
-        onChange={onSwitch}
-      />
+      <Switch checked={checked} className={style.switch} onChange={onSwitch} />
     </div>
-  )
+  );
 }
 
 Group.propTypes = {
   checked: PT.bool.isRequired,
   group: PT.string.isRequired,
   onSwitch: PT.func.isRequired,
-}
+};