Merge branch 'main' into doc-85

.codespellrc

@@ -0,0 +1,6 @@
+[codespell]
+# Ref: https://github.com/codespell-project/codespell#using-a-config-file
+skip = .git,package-lock.json,*.css,.codespellrc
+check-hidden = true
+# ignore-regex = 
+# ignore-words-list =

.github/workflows/codespell.yml

@@ -0,0 +1,23 @@
+# Codespell configuration is within .codespellrc
+---
+name: Codespell
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+
+jobs:
+  codespell:
+    name: Check for spelling errors
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Codespell
+        uses: codespell-project/actions-codespell@v2

.prettierrc.json

@@ -5,8 +5,5 @@
   "singleQuote": true,
   "printWidth": 100,
   "trailingComma": "es5",
-  "plugins": ["prettier-plugin-tailwindcss"],
-  "corePlugins": {
-    "preflight": false
-  }
+  "plugins": ["prettier-plugin-tailwindcss"]
 }

CHANGELOG.md

@@ -41,7 +41,7 @@ The first release of the tool refactored and reimplemented in React and TypeScri
 #### 🐛 Bug Fixes
 
 - [FIX] Fixed the performance issues caused by re-rendering [#39](https://github.com/neurobagel/query-tool/pull/39) ([@rmanaem](https://github.com/rmanaem))
-- [FIX] Refactored synching of the `URLSearchParams` and selected nodes [#25](https://github.com/neurobagel/query-tool/pull/25) ([@rmanaem](https://github.com/rmanaem))
+- [FIX] Refactored syncing of the `URLSearchParams` and selected nodes [#25](https://github.com/neurobagel/query-tool/pull/25) ([@rmanaem](https://github.com/rmanaem))
 
 #### 🏠 Internal
 

src/components/QueryForm.tsx

@@ -95,14 +95,14 @@ function QueryForm({
           />
         </div>
       )}
-      <div className={isFederationAPI && 'row-start-2'}>
+      <div className={isFederationAPI ? 'row-start-2' : ''}>
         <ContinuousField
           helperText={minAgeExceedsMaxAge ? '' : minAgeHelperText}
           label="Minimum age"
           onFieldChange={updateContinuousQueryParams}
         />
       </div>
-      <div className={isFederationAPI && 'row-start-2'}>
+      <div className={isFederationAPI ? 'row-start-2' : ''}>
         <ContinuousField
           helperText={minAgeExceedsMaxAge ? '' : maxAgeHelperText}
           label="Maximum age"

src/utils/constants.ts

@@ -9,8 +9,10 @@ export const nodesURL: string = baseAPIURL.endsWith('/')
   ? `${baseAPIURL}nodes/`
   : `${baseAPIURL}/nodes/`;
 
-export const isFederationAPI: string =
-  import.meta.env.NB_IS_FEDERATION_API === undefined ? true : import.meta.env.NB_IS_FEDERATION_API;
+export const isFederationAPI: boolean =
+  import.meta.env.NB_IS_FEDERATION_API === undefined
+    ? true
+    : import.meta.env.NB_IS_FEDERATION_API === 'true';
 
 export const sexes: { [key: string]: string } = {
   male: 'snomed:248153007',