fixed const error

parkersarahl · Jul 10, 2024 · 4f14f3d · 4f14f3d
1 parent fbaba12
commit 4f14f3d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import "./App.css";
 import Todo from "./Todo";
 import axios from "axios";
-import { host } from "./constants";
+import { hosts } from "./constants";
 
 export type TodoDTO = {
   id: number;
@@ -23,8 +23,8 @@ function App() {
   });
 
   useEffect(() => {
-    console.log("HOST", host);
-    axios.get(`http://${host}:3000/api/todos`).then((response) => {
+    console.log("HOST", hosts);
+    axios.get(`http://${hosts}:3000/api/todos`).then((response) => {
       setTodos(response.data);
     });
   }, []);
@@ -43,7 +43,7 @@ function App() {
   };
 
   const addTodo = () => {
-    axios.post("http://localhost:3000/api/todos", newTodo).then((response) => {
+    axios.post(`http://${hosts}:3000/api/todos`, newTodo).then((response) => {
       setTodos(response.data);
     });
   };

diff --git a/frontend/src/Todo.tsx b/frontend/src/Todo.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { TodoDTO } from "./App";
 import axios from "axios";
 import { FaEdit, FaCheck } from "react-icons/fa";
-import { host } from "./constants";
+import { hosts } from "./constants";
 
 type Props = {
   todo: TodoDTO;
@@ -29,7 +29,7 @@ const Todo = ({ todo, updateTodos }: Props) => {
   const editTodo = (key: string, value: string | boolean) => {
     const updatedTodo = { ...todo, [key]: value };
     axios
-      .put(`http://${host}:3000/api/todos/${todo.id}`, {
+      .put(`http://${hosts}:3000/api/todos/${todo.id}`, {
         todo: updatedTodo,
       })
       .then((response) => {

diff --git a/frontend/src/constants.ts b/frontend/src/constants.ts
@@ -0,0 +1 @@
+export const hosts = window.location.hostname;