AC-253 AC in name, precipitation chart changed to the first position …

…and id country in an env file

.github/workflows/deploy.yml

@@ -2,6 +2,8 @@ name: Build and Deploy
 on: [push]
 permissions:
   contents: write
+env:
+  REACT_APP_COUNTRY_ID: ${{secrets.REACT_APP_COUNTRY_ID}}
 jobs:
   build-and-deploy:
     concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
@@ -15,10 +17,11 @@ jobs:
           CI: false
         run: |
           cd ./src
+          echo "REACT_APP_COUNTRY_ID=${{env.REACT_APP_COUNTRY_ID}}" > .env
           npm ci
           npm run build
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:
-          folder: src/build # The folder the action should deploy.
+          folder: src/build # The folder the action should deploy.

src/.env

@@ -0,0 +1 @@
+REACT_APP_COUNTRY_ID='651437a78a8437279ea6ca2c'

src/src/components/menu/Menu.js

@@ -19,7 +19,7 @@ function Menu() {
             alt="Aclimate Monitoring Logo"
             className="d-inline-block align-top"
           />
-          Aclimate Monitoring
+          AClimate Monitoring
         </Link>
 
         <Navbar.Toggle aria-controls="responsive-navbar-nav" />

src/src/pages/dashboard/Dashboard.js

@@ -211,33 +211,33 @@ const Dashboard = () => {
             </Col>
             <Row>
               <WeatherChart
-                title="Temperatura Máxima"
-                data={data.tempMax}
-                unit="°C"
+                title="Precipitación"
+                data={data.precipitation}
+                unit="mm"
                 chartOptions={chartOptions}
                 chartConfig={chartConfig}
                 days={selectedDays}
-                color="rgba(163, 36, 36, 1)"
+                color="rgba(26, 51, 237, 1)"
               />
               <WeatherChart
-                title="Temperatura Mínima"
-                data={data.tempMin}
+                title="Temperatura Máxima"
+                data={data.tempMax}
                 unit="°C"
                 chartOptions={chartOptions}
                 chartConfig={chartConfig}
                 days={selectedDays}
-                color="rgba(54, 227, 224, 1)"
+                color="rgba(163, 36, 36, 1)"
               />
             </Row>
             <Row>
               <WeatherChart
-                title="Precipitación"
-                data={data.precipitation}
-                unit="mm"
+                title="Temperatura Mínima"
+                data={data.tempMin}
+                unit="°C"
                 chartOptions={chartOptions}
                 chartConfig={chartConfig}
                 days={selectedDays}
-                color="rgba(26, 51, 237, 1)"
+                color="rgba(54, 227, 224, 1)"
               />
               <WeatherChart
                 title="Radiación Solar"

src/src/services/Services.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 import Configuration from "../conf/Configuration";
 
-const NICARAGUA_ID = "651437a78a8437279ea6ca2c";
+const COUNTRY_ID = process.env.REACT_APP_COUNTRY_ID;
 
 // Create an Axios instance with the base URL
 const apiClient = axios.create({
@@ -15,7 +15,7 @@ class Services {
    * @throws Will throw an error if the request fails.
    */
   async getAllWeatherStations() {
-    const url = `/geographic/${NICARAGUA_ID}/WeatherStations/json`;
+    const url = `/geographic/${COUNTRY_ID}/WeatherStations/json`;
     try {
       const response = await apiClient.get(url);
       return response.data;