mke date themable

reaviz · Jul 26, 2024 · e1d56ae · e1d56ae
1 parent 9ca827d
commit e1d56ae
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/SessionMessages/SessionMessages.tsx b/src/SessionMessages/SessionMessages.tsx
@@ -78,7 +78,7 @@ export const SessionMessages: React.FC<SessionMessagesProps> = ({
     <div className={cn(theme.messages.base)}>
       <header className={cn(theme.messages.header)}>
         <h2 className={cn(theme.messages.title)}>{activeSession.title}</h2>
-        <DateFormat date={activeSession.createdAt} />
+        <DateFormat className={cn(theme.messages.date)} date={activeSession.createdAt} />
       </header>
       <div className={cn(theme.messages.content)} ref={contentRef}>
         {hasMore && (

diff --git a/src/SessionsList/SessionGroups.tsx b/src/SessionsList/SessionGroups.tsx
@@ -2,7 +2,6 @@ import { FC, ReactNode, useContext, useMemo } from 'react';
 import { GroupedSessions, groupSessionsByDate } from '@/utils';
 import { SessionsContext } from '@/SessionsContext';
 
-
 export interface SessionGroupsProps {
   children: (groups: GroupedSessions[]) => ReactNode;
 }

diff --git a/src/theme.ts b/src/theme.ts
@@ -13,6 +13,7 @@ export interface ChatTheme {
   messages: {
     base: string;
     title: string;
+    date: string;
     content: string;
     header: string;
     showMore: string;
@@ -53,6 +54,7 @@ export const chatTheme: ChatTheme = {
   messages: {
     base: 'flex flex-col flex-1 overflow-hidden',
     title: 'text-2xl font-bold',
+    date: 'text-sm',
     content: 'mt-2 flex-1 overflow-auto',
     header: 'flex justify-between items-center',
     showMore: 'mb-4',