From 2af9148bfc32eb5681a97576724a7af1a61004ee Mon Sep 17 00:00:00 2001
From: Kevin F <Freymaurer@gmx.de>
Date: Fri, 13 Sep 2024 16:57:01 +0200
Subject: [PATCH] fix color fill

---
 src/components/GraphNavigation.astro              | 10 +++++-----
 src/components/Home/ResearchGraphNavigation.astro |  3 ++-
 src/plugins/remark-dictionary-tooltips.ts         |  1 -
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/GraphNavigation.astro b/src/components/GraphNavigation.astro
index 43bf73b..2e8f7f8 100644
--- a/src/components/GraphNavigation.astro
+++ b/src/components/GraphNavigation.astro
@@ -19,14 +19,14 @@ const circles: Circle[] = Astro.props.circles
 
 const color: Color = Astro.props.color || Color.primary;
 
-function getColorStr(color: Color) {
+function getColorFill(color: Color) {
   switch (color) {
     case Color.primary:
-      return "primary";
+      return "fill-primary";
     case Color.accent:
-      return "accent";
+      return "fill-accent";
     default:
-      return "primary";
+      return "fill-primary";
   }
 }
 
@@ -103,7 +103,7 @@ const calculateTextAnchor = (textX: number, circleCx: number, radialPosition: nu
           cx={circle.cx} 
           cy={circle.cy} 
           r={circle.r} 
-          class={"fill-" + getColorStr(color) + " stroke-base-content stroke-1"}
+          class={getColorFill(color) + " stroke-base-content stroke-1"}
         />
         <!-- Add a curved line (arc) connecting the circle to the text -->
         <path 
diff --git a/src/components/Home/ResearchGraphNavigation.astro b/src/components/Home/ResearchGraphNavigation.astro
index 3637a01..22c6293 100644
--- a/src/components/Home/ResearchGraphNavigation.astro
+++ b/src/components/Home/ResearchGraphNavigation.astro
@@ -1,6 +1,7 @@
 ---
 import { URLS } from "../../statics";
 import GraphNavigation from "../GraphNavigation.astro";
+import { Color } from "../GraphNavigation.astro";
 
 const circles = [
   { id: 1, cx: 8, cy: 10, r: 5, href: URLS.Internal_Home + "/details/documentation-principle", text: 'documentation principle', angle: 80 },
@@ -11,4 +12,4 @@ const circles = [
 ];
 ---
 
-<GraphNavigation circles={circles}></GraphNavigation>
\ No newline at end of file
+<GraphNavigation circles={circles} color={Color.primary}></GraphNavigation>
\ No newline at end of file
diff --git a/src/plugins/remark-dictionary-tooltips.ts b/src/plugins/remark-dictionary-tooltips.ts
index bc40ac4..d82adf6 100644
--- a/src/plugins/remark-dictionary-tooltips.ts
+++ b/src/plugins/remark-dictionary-tooltips.ts
@@ -79,7 +79,6 @@ export function remarkReplaceTooltips(): Plugin<[], Root> {
     // Traverse the tree and apply replacements
     visit(tree, (node) => {
       // Check if the node is a heading, if so, skip it
-      console.log("--NEW--")
       if (node.type === 'heading') {
         return; // Skip headers
       }