chore: more general dx updates and some css

Author: tif-calin

.eslintrc

@@ -1,18 +1,19 @@
 {
-  "extends": ["react-app"],
+  "extends": ["plugin:react-hooks/recommended", "react-app"],
   "rules": {
     "array-bracket-spacing": "error",
     "comma-spacing": "error",
-    "indent": ["error", 2, { "SwitchCase": 1, "ignoreComments": true }],
-    "keyword-spacing": ["error", { "before": true, "after": true }],
+    "indent": ["warn", 2, { "ignoreComments": true, "SwitchCase": 1, "CallExpression": { "arguments": 1 } }],
+    "keyword-spacing": ["error", { "after": true, "before": true }],
     "new-cap": "error",
     "no-multi-spaces": ["error", { "ignoreEOLComments": true }],
     "no-redeclare": ["error", { "builtinGlobals": true }],
+    "no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "caughtErrorsIgnorePattern": "^_", "varsIgnorePattern": "^_" }],
     "object-curly-spacing": ["error", "always"],
-    "quotes": ["error", "single", { "avoidEscape": true, "allowTemplateLiterals": true }],
+    "quotes": ["error", "single", { "allowTemplateLiterals": true, "avoidEscape": true }],
     "semi": ["error", "always"],
-    "space-before-function-paren": ["error", { "anonymous": "never", "named": "never", "asyncArrow": "always" }],
-    "space-in-parens": ["error"],
+    "space-before-function-paren": ["error", { "anonymous": "never", "asyncArrow": "always", "named": "never" }],
+    "space-in-parens": "error",
     "space-infix-ops": "error"
   }
 }

TODO.md

@@ -0,0 +1,8 @@
+
+- [x] Stop spamming Google Books. Rebounce and maybe get an actual API_KEY
+- [ ] Update to newest react-router version
+- [ ] Eject create-react-app
+- [ ] Move styling to `styled-components`
+- [ ] Allow voters to add a password
+- [ ] Consolidate input styling. Placeholder floats to label.
+- [ ] Allow users to provide their own Google Books API key (byoapik)

package-lock.json

@@ -15,7 +15,8 @@
   },
   "devDependencies": {
     "@types/react-router-dom": "^5.3.3",
-    "chokidar": "^3.5.2"
+    "chokidar": "^3.5.2",
+    "eslint-plugin-react-hooks": "^5.0.0"
   },
   "scripts": {
     "start": "react-scripts start",

package.json

@@ -8,6 +8,7 @@
    margin-bottom: 1rem;
    margin-top: auto;
   padding: 0;
+    padding-top: 1rem;
 }
 
 .Footer a {

src/app/Footer.css

@@ -28,7 +28,7 @@ html {
 		'Segoe UI Emoji';
 	line-height: 1.15; /* 1. Correct the line height in all browsers. */
 	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
-	tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
+	tab-size: 2; /* 3. Use a more readable tab size (opinionated). */
 }
 
 /*