From 96971a28f393c875fe3c60773e6502ac78eed4e3 Mon Sep 17 00:00:00 2001
From: LixayTF <jerzy@jerzykwiatkowski.pl>
Date: Wed, 20 Sep 2023 20:19:16 +0200
Subject: [PATCH] React fix

---
 react/package-lock.json | 29 +++++++++++++++++++++++++++++
 react/package.json      |  1 +
 react/src/App.js        |  3 +--
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/react/package-lock.json b/react/package-lock.json
index b9b6f75..d1a760a 100644
--- a/react/package-lock.json
+++ b/react/package-lock.json
@@ -11,6 +11,7 @@
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
+        "axios": "^1.5.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
@@ -5279,6 +5280,29 @@
         "node": ">=4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz",
+      "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/axobject-query": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
@@ -14347,6 +14371,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/psl": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
diff --git a/react/package.json b/react/package.json
index e345379..b3ca6e6 100644
--- a/react/package.json
+++ b/react/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
diff --git a/react/src/App.js b/react/src/App.js
index c92b296..0b00f7c 100644
--- a/react/src/App.js
+++ b/react/src/App.js
@@ -10,7 +10,7 @@ function App() {
 
   const fetchDataFromAPI = async (dataset, table, column) => {
     try {
-      const response = await axios.get(`YOUR_API_ENDPOINT?dataset=${dataset}&table=${table}&column=${column}`);
+      const response = await axios.get(`https://cat-fact.herokuapp.com/facts/?dataset=${dataset}&table=${table}&column=${column}`);
       const data = response.data; 
 
       setResults(data);
@@ -21,7 +21,6 @@ function App() {
   };
 
   const handleButtonClick = () => {
-    // Call the API request function with the provided parameters
     fetchDataFromAPI(datasetQuarry, tableQuarry, columns);
   };