feat: Mark active item in bold

adfinis · Jan 15, 2024 · 6ed0feb · 6ed0feb
1 parent 6023f4d
commit 6ed0feb
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/Item.tsx b/src/Item.tsx
@@ -1,4 +1,4 @@
-import { type Component } from 'solid-js'
+import { type Component, createEffect, createSignal } from 'solid-js'
 import { useAppContext } from './context'
 
 type itemProps = {
@@ -9,7 +9,6 @@ type itemProps = {
 
 const Item: Component<itemProps> = props => {
   const { contextValue, updateContext } = useAppContext()
-
   function handleClick() {
     if (!props.path.endsWith('/') && props.path !== '') {
       updateContext({ page: 'view', kv: props.kv, path: props.path })
@@ -21,7 +20,7 @@ const Item: Component<itemProps> = props => {
   return (
     <span onClick={handleClick}>
       {props.icon}
-      <span class={`${contextValue().path === props.path ? 'text-bold' : ''}`}>
+      <span class={`${props.path === contextValue().path && props.kv === contextValue().kv ? 'font-bold' : ''}`}>
         {props.path === '' ? props.kv : props.path.replace(/\/+$/, '').split('/').pop()}
       </span>
     </span>