Model YAML cards render through to frontend, plus Country borders in Grid mode

Model YAML cards in frontend, plus logo change.

Author: jmsssc

.github/workflows/super-linter.yml

@@ -20,10 +20,22 @@ jobs:
         with:
           # Full git history is needed to get a proper list of changed files within `super-linter`
           fetch-depth: 0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.6.3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+          cache-dependency-path: frontend/pnpm-lock.yaml
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+        working-directory: frontend
 
-      - name: Lint Code Base
-        uses: github/super-linter@v4
-        env:
-          VALIDATE_ALL_CODEBASE: false
-          DEFAULT_BRANCH: "main"
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Run ESLint
+        run: pnpm lint
+        working-directory: frontend

README.md

@@ -1,8 +1,8 @@
-# OneHealth Frontend Mapping application
+# heiplanet Frontend Mapping application
 
 
 # Description
-The OneHealth Mapping project shows the predictions and predicted susceptibility in the future of different diseases by Infectious disease/Climate models from the group, across different regions in the map.
+The heiplanet Mapping project shows the predictions and predicted susceptibility in the future of different diseases by Infectious disease/Climate models from the group, across different regions in the map.
 
 This repository contains the frontend for the Climate Map. The user can browse for models with the Model Selector, and change the year to see future suspcetibility predictions
 

frontend/eslint.config.js

@@ -5,7 +5,15 @@ import globals from "globals";
 import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-	{ ignores: ["dist"] },
+	{
+		ignores: [
+			"dist",
+			"tests",
+			"src/scripts",
+			"src/static/Header.tsx",
+			"src/component/General/LandOnlyMap.tsx",
+		],
+	},
 	{
 		extends: [js.configs.recommended, ...tseslint.configs.recommended],
 		files: ["**/*.{ts,tsx}"],

frontend/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <title>One Health Platform</title>
+    <title>Hei-Planet Platform</title>
     <style>
       /* Loading Screen Styles */
       #loading-screen {
@@ -112,8 +112,8 @@
     <div id="loading-screen">
       <div class="loading-logo-container">
         <img
-          src="/images/oneHealthLogoOnlySymbols.png"
-          alt="One Health Platform"
+          src="/images/hei-planet-loading-logo.png"
+          alt="Hei-Planet Platform"
           class="loading-logo"
         />
       </div>

frontend/package.json

@@ -30,8 +30,11 @@
 		"react-leaflet": "^5.0.0",
 		"react-leaflet-cluster": "^2.1.0",
 		"react-leaflet-heatmap-layer-v3": "3.0.3-beta-1",
+		"react-markdown": "^9.1.0",
 		"react-router-dom": "^7.5.3",
 		"react-top-loading-bar": "^3.0.2",
+		"remark-breaks": "^4.0.0",
+		"remark-gfm": "^4.0.1",
 		"topojson-client": "^3.1.0"
 	},
 	"devDependencies": {