front end updates for todo, getOne displaying in details

Kh1ng · Apr 13, 2024 · bebfe77 · bebfe77
1 parent aca99cd
commit bebfe77
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -18,8 +18,8 @@ function App() {
       <BrowserRouter>
         <h1> NEAT-O </h1>
         <Routes>
-          <Route path="/details/" element={<Details />} />
           <Route path="/" element={<div> ROOT TOOTY </div>} />
+          <Route path="/details/" element={<Details />} />
         </Routes>
       </BrowserRouter>
     </QueryClientProvider>

diff --git a/frontend/src/bin/fetchOne.js b/frontend/src/bin/fetchOne.js
@@ -1,6 +1,6 @@
 const fetchOne = async ({ queryKey }) => {
   var id = queryKey[1];
-  id = "65efb787a6f9a056e81397e8";
+  id = "661a82c1e8f6d03e467a4a5d";
   const apiRes = await fetch(`http://localhost:3000/api/getOne/${id}`);
 
   if (!apiRes.ok) {

diff --git a/frontend/src/bin/getAll.js b/frontend/src/bin/getAll.js
@@ -6,7 +6,7 @@ const getAll = async (queryKey) => {
     throw new Error(`getAll fetch not ok`);
   }
 
-  return apiRes.json();
+  return apiRes;
 };
 
 export default getAll;
diff --git a/frontend/src/components/details.jsx b/frontend/src/components/details.jsx
@@ -20,8 +20,14 @@ const Details = () => {
     return <div>ERROR!@#!@#!#!@#</div>;
   }
 
-  const name = data.name;
-
-  return <div>{name}</div>;
+  const todo = data.todo;
+  console.log(data.completed)
+  return (
+    <div className="todo">
+      <div>{todo}</div>
+      <div>ID: {data._id}</div>
+      <div>Due: {data.due}</div>
+    </div>
+  );
 };
 export default Details;