fix: wrong classname icon (janhq#3474)

* fix: fix wrong classname icon * fix: button flashing on chat input
christullier · Aug 27, 2024 · bc4bbd3 · bc4bbd3
1 parent c0ffd03
commit bc4bbd3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/web/containers/ModelDropdown/index.tsx b/web/containers/ModelDropdown/index.tsx
@@ -299,7 +299,10 @@ const ModelDropdown = ({
           <Badge
             theme="secondary"
             variant={open ? 'solid' : 'outline'}
-            className="cursor-pointer"
+            className={twMerge(
+              'cursor-pointer',
+              open && 'border border-transparent'
+            )}
             onClick={() => setOpen(!open)}
           >
             <span className="line-clamp-1 ">{selectedModel?.name}</span>

diff --git a/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx b/web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
@@ -388,7 +388,11 @@ const ChatInput = () => {
               <ModelDropdown chatInputMode />
               <Badge
                 theme="secondary"
-                className="flex cursor-pointer items-center gap-x-1"
+                className={twMerge(
+                  'flex cursor-pointer items-center gap-x-1',
+                  activeTabThreadRightPanel === 'model' &&
+                    'border border-transparent'
+                )}
                 variant={
                   activeTabThreadRightPanel === 'model' ? 'solid' : 'outline'
                 }

diff --git a/web/screens/Thread/ThreadLeftPanel/index.tsx b/web/screens/Thread/ThreadLeftPanel/index.tsx
@@ -164,9 +164,9 @@ const ThreadLeftPanel = () => {
                   >
                     <PencilIcon
                       size={16}
-                      className="text-[hsla(var(--secondary))]"
+                      className="text-[hsla(var(--text-secondary))]"
                     />
-                    <span className="text-bold text-[hsla(var(--secondary))]">
+                    <span className="text-bold text-[hsla(var(--app-text-primary))]">
                       Edit title
                     </span>
                   </div>