From 52a463634c0f8f379579bec475d7b602d7f50739 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 15 Apr 2024 17:16:36 +0200
Subject: [PATCH] update to new style

---
 src/frontend/src/components/images/ApiImage.tsx      |  7 ++++++-
 src/frontend/src/components/images/Thumbnail.tsx     | 12 ++++--------
 src/frontend/src/components/nav/PartCategoryTree.tsx |  6 ++++--
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/components/images/ApiImage.tsx b/src/frontend/src/components/images/ApiImage.tsx
index bb7529afc4..eef6b74d9d 100644
--- a/src/frontend/src/components/images/ApiImage.tsx
+++ b/src/frontend/src/components/images/ApiImage.tsx
@@ -69,7 +69,12 @@ export function ApiImage(props: ApiImageProps) {
   return (
     <Stack>
       {image && image.length > 0 ? (
-        <Image {...props} src={image} withPlaceholder fit="contain" />
+        <Image
+          {...props}
+          src={image}
+          //fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+          fit="contain"
+        />
       ) : (
         <Skeleton h={props?.h ?? props.w} w={props?.w ?? props.h} />
       )}
diff --git a/src/frontend/src/components/images/Thumbnail.tsx b/src/frontend/src/components/images/Thumbnail.tsx
index bfe755957a..1aa08c0bff 100644
--- a/src/frontend/src/components/images/Thumbnail.tsx
+++ b/src/frontend/src/components/images/Thumbnail.tsx
@@ -28,16 +28,12 @@ export function Thumbnail({
     <Group align={align ?? 'left'} gap="xs" wrap="nowrap">
       <ApiImage
         src={src || backup_image}
-        alt={alt}
-        width={size}
+        aria-label={alt}
+        w={size}
         fit="contain"
         radius="xs"
-        withPlaceholder
-        imageProps={{
-          style: {
-            maxHeight: size
-          }
-        }}
+        //fallbackSrc="https://placehold.co/600x400?text=Placeholder"
+        style={{ maxHeight: size }}
       />
       {text}
     </Group>
diff --git a/src/frontend/src/components/nav/PartCategoryTree.tsx b/src/frontend/src/components/nav/PartCategoryTree.tsx
index de1c496782..918eb608c2 100644
--- a/src/frontend/src/components/nav/PartCategoryTree.tsx
+++ b/src/frontend/src/components/nav/PartCategoryTree.tsx
@@ -86,7 +86,8 @@ export function PartCategoryTree({
     return {
       dark: {
         text: {
-          ...vars.fontStyles()
+          fontFamily: vars.fontFamily,
+          fontSize: vars.fontSizes.md
         },
         nodes: {
           height: '2.5rem',
@@ -106,7 +107,8 @@ export function PartCategoryTree({
       },
       light: {
         text: {
-          ...theme.fn.fontStyles()
+          fontFamily: vars.fontFamily,
+          fontSize: vars.fontSizes.md
         },
         nodes: {
           height: '2.5rem',