fix: home panel animation, missing return

Signed-off-by: Henry <mail@henrygressmann.de>

Author: explodingcamera

web/src/api/hooks.ts

@@ -95,6 +95,7 @@ export const useDimension = ({
 				.json()
 				.then((req) => {
 					if (typeof req === "string") {
+						console.error("Error fetching graph data:", req);
 						return Promise.reject(new Error(req));
 					}
 					return req;
@@ -145,9 +146,10 @@ export const useProjectGraph = ({
 				.json()
 				.then((req) => {
 					if (typeof req === "string") {
+						console.error("Error fetching graph data:", req);
 						return Promise.reject(new Error(req));
 					}
-					toDataPoints(req.data, range);
+					return toDataPoints(req.data, range);
 				}),
 		placeholderData: (prev) => prev,
 	});
@@ -184,6 +186,7 @@ export const useProjectStats = ({
 				.json()
 				.then((req) => {
 					if (typeof req === "string") {
+						console.error("Error fetching graph data:", req);
 						return Promise.reject(new Error(req));
 					}
 					return req;

web/src/components/projects.module.css

@@ -91,36 +91,20 @@
   cursor: pointer;
   padding: 0.9rem;
   margin: -1.1rem;
-  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
-}
-.AccordionTrigger[data-state="open"] {
-  transform: rotate(180deg);
+  transition: transform 150ms ease-out;
+
+  &[data-panel-open] {
+    transform: rotate(180deg);
+  }
 }
 
 .AccordionContent {
   overflow: hidden;
-}
-.AccordionContent[data-state="open"] {
-  animation: slideDown 400ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-.AccordionContent[data-state="closed"] {
-  animation: slideUp 400ms cubic-bezier(0.22, 1, 0.36, 1);
-}
+  height: var(--accordion-panel-height);
+  transition: height 150ms ease-out;
 
-@keyframes slideDown {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-
-@keyframes slideUp {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
+  &[data-starting-style],
+  &[data-ending-style] {
     height: 0;
   }
 }