add active theme

reaviz · Jul 29, 2024 · 6401efb · 6401efb
1 parent 19b673e
commit 6401efb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/SessionsList/SessionListItem.tsx b/src/SessionsList/SessionListItem.tsx
@@ -43,7 +43,7 @@ export const SessionListItem: FC<SessionListItemProps> = ({
       dense
       disableGutters
       active={session.id === activeSessionId}
-      className={cn(theme.sessions.session.base)}
+      className={cn(theme.sessions.session.base, { [theme.sessions.session.active]: session.id === activeSessionId })}
       onClick={() => selectSession?.(session.id)}
       end={
         <>

diff --git a/src/theme.ts b/src/theme.ts
@@ -9,6 +9,7 @@ export interface ChatTheme {
     group: string;
     session: {
       base: string;
+      active: string;
       delete: string;
     };
   };
@@ -60,6 +61,7 @@ export const chatTheme: ChatTheme = {
     create: 'mb-4',
     session: {
       base: '',
+      active: ' text-primary',
       delete: '[&>svg]:w-4 [&>svg]:h-4 opacity-50'
     }
   },