move divider to theme style

reaviz · Aug 1, 2024 · 92d2986 · 92d2986
1 parent c9c30e1
commit 92d2986
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/src/SessionsList/NewSessionButton.tsx b/src/SessionsList/NewSessionButton.tsx
@@ -10,17 +10,11 @@ interface NewSessionButtonProps extends PropsWithChildren {
    * Text for the new session button.
    */
   newSessionText?: string | ReactNode;
-
-  /**
-   * Divider to render between the new session button and SessionsGroup.
-   */
-  divider?: ReactNode;
 }
 
 export const NewSessionButton: FC<NewSessionButtonProps> = ({
   children,
-  newSessionText = 'New Session',
-  divider = <Divider variant="secondary" />
+  newSessionText = 'New Session'
 }) => {
   const { theme, createSession, disabled } = useContext(ChatContext);
   const Comp = children ? Slot : Button;
@@ -38,7 +32,6 @@ export const NewSessionButton: FC<NewSessionButtonProps> = ({
       >
         {children || newSessionText}
       </Comp>
-      {divider}
     </>
   );
 };
diff --git a/src/theme.ts b/src/theme.ts
@@ -90,7 +90,8 @@ export const chatTheme: ChatTheme = {
     console: 'min-w-[150px] w-[30%] max-w-[300px] bg-[#11111F] p-5 rounded-3xl',
     companion: 'w-full h-full',
     group: 'text-xs text-gray-400 mt-4 hover:bg-transparent mb-1',
-    create: 'mb-4 rounded-[10px]',
+    create:
+      'relative mb-4 rounded-[10px] after:-bottom-5 after:w-full after:absolute after:h-px after:content[""] after:bg-gradient-to-r after:from-transparent after:to-transparent after:via-blue-500',
     session: {
       base: 'my-1 rounded-[10px] p-2 text-typography hover:bg-gray-800/50 border border-transparent hover:border-gray-700/50',
       active: