From df9ef31b72576b1614b0b025d26276eec3dce0ab Mon Sep 17 00:00:00 2001
From: Minotriz02 <sebastian.lopez_Ast@uao.edu.com>
Date: Thu, 26 Sep 2024 10:45:10 -0500
Subject: [PATCH] AC-253 AC in name, precipitation chart changed to the first
 position and id country in an env file

---
 .github/workflows/deploy.yml         |  5 ++++-
 src/.env                             |  1 +
 src/src/components/menu/Menu.js      |  2 +-
 src/src/pages/dashboard/Dashboard.js | 22 +++++++++++-----------
 src/src/services/Services.js         |  4 ++--
 5 files changed, 19 insertions(+), 15 deletions(-)
 create mode 100644 src/.env

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 57e1c84..b438aeb 100644
--- a/.github/workflows/deploy.yml
+++ b/.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.
\ No newline at end of file
+          folder: src/build # The folder the action should deploy.
diff --git a/src/.env b/src/.env
new file mode 100644
index 0000000..77200ff
--- /dev/null
+++ b/src/.env
@@ -0,0 +1 @@
+REACT_APP_COUNTRY_ID='651437a78a8437279ea6ca2c'
\ No newline at end of file
diff --git a/src/src/components/menu/Menu.js b/src/src/components/menu/Menu.js
index 14c3ef1..f840325 100644
--- a/src/src/components/menu/Menu.js
+++ b/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" />
diff --git a/src/src/pages/dashboard/Dashboard.js b/src/src/pages/dashboard/Dashboard.js
index 614da5e..9500d41 100644
--- a/src/src/pages/dashboard/Dashboard.js
+++ b/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"
diff --git a/src/src/services/Services.js b/src/src/services/Services.js
index addc5fa..1fdb8c0 100644
--- a/src/src/services/Services.js
+++ b/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;