Station detail view (#91)

* implemented new styles for station detail view * updated styles for species list & fixed redux logic * improve layout stability * virtualize species list * add species detail view * fix section title capitalization * adjust detail panel margins * tweak layout & transitions * tweak layout & transitions * start refactoring using path aliases * replace species API call in station detail view * simplify import paths with aliases * remove 'analysis' from home page menu * add labels under station icons * add back button to station list * fix event capturing bug * replace asset loaders with webpack 5 Asset Modules * update output dir & documentation * update eslint config to use aliases * fix lint errors * show no stations found info if returned stations list is empty * add no stations found info to advanced search also * lint fix --------- Co-authored-by: Rashmil Panchani <[email protected]>
Oceans-1876 · Oct 18, 2023 · 0714037 · 0714037
1 parent 1e50653
commit 0714037
Show file tree

Hide file tree

Showing 55 changed files with 7,417 additions and 12,461 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -34,6 +34,15 @@
           ".ts",
           ".tsx"
         ]
+      },
+      "alias": {
+        "map": [
+          ["@app", "./src"]
+        ],
+        "extensions": [
+          ".ts",
+          ".tsx"
+        ]
       }
     }
   },
@@ -104,6 +113,12 @@
         "props": false
       }
     ],
+    "no-plusplus": [
+      "error",
+      {
+        "allowForLoopAfterthoughts": true
+      }
+    ],
     "no-underscore-dangle": "off",
     "no-unused-expressions": [
       "error",

diff --git a/development.md b/development.md
@@ -8,7 +8,7 @@ It uses Webpack to manage module bundles and assets.
 All high-level development configurations (e.g. typescript, babel, and eslint) are in their own dedicated files in project root.
 
 The project has a `pre-commit` hook that prevents committing changes that violate typing and linting configs.
-To check if the code passes the checks, run `npm run lint` and `npx tsc`. Running `npm run lint:fix` will try to fix the issues that can be resolved automatically.
+To check if the code passes the checks, run `npm run lint` and `npx tsc --noEmit`. Running `npm run lint:fix` will try to fix the issues that can be resolved automatically.
 
 ### Webpack