From 40afc37262a9475411ba3c6f9fbffbad72a4450f Mon Sep 17 00:00:00 2001
From: hollowtree11 <joli.muller@slu.edu>
Date: Mon, 2 Mar 2026 14:21:57 -0600
Subject: [PATCH] Updated file routes.js to use dynamic Base URL and removed
 most references to localhost.

---
 Frontend/src/api/routes.js | 74 +++++++++++---------------------------
 1 file changed, 21 insertions(+), 53 deletions(-)

diff --git a/Frontend/src/api/routes.js b/Frontend/src/api/routes.js
index b153c062..c439d617 100644
--- a/Frontend/src/api/routes.js
+++ b/Frontend/src/api/routes.js
@@ -1,65 +1,33 @@
 import axios from 'axios';
 
-export const get_systems = () => axios({
-    method: "get",
-    url: "http://127.0.0.1:5000/get_all_systems",
-})
+const API_BASE_URL = process.env.REACT_APP_API_URL || "http://127.0.0.1:5000";
 
-export const get_system = (label) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_system",
-    data: label
-})
+const api = axios.create({
+    baseURL: API_BASE_URL
+});
+
+export const get_systems = () => api.get("/get_all_systems");
+
+export const get_system = (label) => api.post("/get_system", label);
     
-export const get_selected_systems = (labels) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_selected_systems",
-    data: labels
-})
+export const get_selected_systems = (labels) => api.post("/get_selected_systems", labels);
 
-export const get_filtered_systems = (filters) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_filtered_systems",
-    data: filters
-})
+export const get_filtered_systems = (filters) => api.post("/get_filtered_systems", filters);
 
-export const get_statistics = (filters) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_statistics",
-    data: filters
-})
+export const get_statistics = (filters) => api.post("/get_statistics", filters);
 
-export const get_families= () => axios({
-    method: "get",
-    url: "http://127.0.0.1:5000/get_all_families",
-})
+export const get_families = () => api.get("/get_all_families");
 
-export const get_family = (familyId) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_family",
-    data: { id: familyId }
-})
+export const get_family = (familyId) => api.post("/get_family", { id: familyId });
 
-export const get_rational_periodic_data = (functionId) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_rational_periodic_data",
-    data: { function_id: functionId }
-});
+export const get_rational_periodic_data = (functionId) => 
+    api.post("/get_rational_periodic_data", { function_id: functionId });
 
-export const get_label = (functionId) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_label",
-    data: { function_id: functionId }
-});
+export const get_label = (functionId) => 
+    api.post("/get_label", { function_id: functionId });
 
-export const get_graph_data = (graphId) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_graph_data",
-    data: { graph_id: graphId }
-});
+export const get_graph_data = (graphId) => 
+    api.post("/get_graph_data", { graph_id: graphId });
 
-export const get_graph_metadata = (graphId) => axios({
-    method: "post",
-    url: "http://127.0.0.1:5000/get_graph_metadata",
-    data: { graph_id: graphId }
-});
\ No newline at end of file
+export const get_graph_metadata = (graphId) => 
+    api.post("/get_graph_metadata", { graph_id: graphId });
\ No newline at end of file