test hook 4

kamikidd · May 23, 2024 · be34785 · be34785
1 parent 6dfae08
commit be34785
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 18 deletions.
diff --git a/dist/assets/Projekt.b5edb7d6.png → dist/assets/Projekte.b5edb7d6.png b/dist/assets/Projekt.b5edb7d6.png → dist/assets/Projekte.b5edb7d6.png
diff --git a/dist/assets/index.b78f674f.js → dist/assets/index.03504ce4.js b/dist/assets/index.b78f674f.js → dist/assets/index.03504ce4.js
diff --git a/dist/index.html b/dist/index.html
@@ -22,7 +22,7 @@
       href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Karla&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/bv2024_frontend/assets/index.b78f674f.js"></script>
+    <script type="module" crossorigin src="/bv2024_frontend/assets/index.03504ce4.js"></script>
     <link rel="stylesheet" href="/bv2024_frontend/assets/index.800bf6e7.css">
   </head>
   <body>

diff --git a/js/ServicePicComp.jsx b/js/ServicePicComp.jsx
@@ -1,25 +1,32 @@
 import { useFetchMedia } from "./useFetchMedia";
+import { useQuery } from "@tanstack/react-query";
+import { useNavigate } from "react-router-dom";
+import Spinner from "./Spinner";
+import fetchData from "./fetchData";
 const ServicePicComp = ({ imgid, picName }) => {
+  console.log(imgid);
+  console.log({ imgid });
   const media = useFetchMedia(imgid, "imgs/category/forschung.png");
-  // const navigate = useNavigate();
-  // const pic = useQuery(["pic", `media`, `${imgid}`], fetchData);
-  // if (pic.isLoading) {
-  //   return <Spinner></Spinner>;
-  // }
-  // if (pic.isError) {
-  //   navigate("/NotMatch404");
-  // }
-  // let servicePic = "imgs/category/forschung.png";
-  // let image = pic.data.source_url;
-  // console.log(pic);
-  // if (image) {
-  //   servicePic = image;
-  // }
+  console.log(media);
+  const navigate = useNavigate();
+  const pic = useQuery(["pic", `media`, `${imgid}`], fetchData);
+  if (pic.isLoading) {
+    return <Spinner></Spinner>;
+  }
+  if (pic.isError) {
+    navigate("/NotMatch404");
+  }
+  let servicePic = "imgs/category/forschung.png";
+  let image = pic.data.source_url;
+  console.log(pic);
+  if (image) {
+    servicePic = image;
+  }
 
   return (
     <div className="picContainer">
       <div className="service_pic">
-        <img src={media} alt={picName} />
+        <img src={servicePic} alt={picName} />
         <div className="service_pic_caption">
           <div className="service_pic_text">{picName}</div>
         </div>

diff --git a/js/useFetchMedia.jsx b/js/useFetchMedia.jsx
@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 import Spinner from "./Spinner";
 import fetchData from "./fetchData";
 export function useFetchMedia(imgid, default_media) {
+  console.log(imgid);
   const navigate = useNavigate();
   const pic = useQuery(["pic", `media`, `${imgid}`], fetchData);
   if (pic.isLoading) {