add VITE_API_URL .env variable for local & production

DrCBeatz · Mar 16, 2024 · bb6c7f1 · bb6c7f1
1 parent 1c32beb
commit bb6c7f1
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 19 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,6 @@
 .env
+.env.production
+.env.local
 *.pyc
 *.pyo
 *.pyd

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.5.1",
     "chart.js": "^4.4.2",
-    "mdb-react-ui-kit": "git+https://oauth2:VWmSVN7q3SGDUX_dguTV@git.mdbootstrap.com/mdb/react/mdb5/prd/mdb5-react-ui-kit-pro-essential",
+    "mdb-react-ui-kit": "git+https://oauth2:[api-key-redacted]@git.mdbootstrap.com/mdb/react/mdb5/prd/mdb5-react-ui-kit-pro-essential",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -164,7 +164,10 @@ function App() {
   useEffect(() => {
     const fetchAlgorithms = async () => {
       try {
-        const response = await fetch("http://localhost:8000/api/algorithms");
+        const response = await fetch(
+          `${import.meta.env.VITE_API_URL}/algorithms`
+        );
+
         if (!response.ok) {
           throw new Error("Network response was not ok");
         }
@@ -213,13 +216,16 @@ function App() {
     setSelectedAlgorithmDetails(tempSelectedAlgorithmDetails);
 
     try {
-      const response = await fetch("http://localhost:8000/api/evaluate/", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ a, b, k }),
-      });
+      const response = await fetch(
+        `${import.meta.env.VITE_API_URL}/evaluate/`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({ a, b, k }),
+        }
+      );
 
       if (!response.ok) {
         throw new Error("Network response was not ok");

diff --git a/static/assets/index--18X3qIR.js → static/assets/index-HE6f1_nl.js b/static/assets/index--18X3qIR.js → static/assets/index-HE6f1_nl.js
diff --git a/static/index.html b/static/index.html
@@ -7,7 +7,7 @@
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Evaluate Master Theorem</title>
-  <script type="module" crossorigin src="/static/assets/index--18X3qIR.js"></script>
+  <script type="module" crossorigin src="/static/assets/index-HE6f1_nl.js"></script>
   <link rel="stylesheet" crossorigin href="/static/assets/index-yX_c453z.css">
 </head>
 

diff --git a/staticfiles/assets/index--18X3qIR.js → staticfiles/assets/index-HE6f1_nl.js b/staticfiles/assets/index--18X3qIR.js → staticfiles/assets/index-HE6f1_nl.js
diff --git a/staticfiles/index.html b/staticfiles/index.html
@@ -7,7 +7,7 @@
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Evaluate Master Theorem</title>
-  <script type="module" crossorigin src="/static/assets/index--18X3qIR.js"></script>
+  <script type="module" crossorigin src="/static/assets/index-HE6f1_nl.js"></script>
   <link rel="stylesheet" crossorigin href="/static/assets/index-yX_c453z.css">
 </head>