From 6c4a19da595295172b720ac1bc339647937ea474 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sun, 9 Mar 2025 22:08:28 +0800
Subject: [PATCH] refactor(MessageGroupModelList): Simplify display mode toggle
 interaction

---
 .../pages/home/Messages/MessageGroupModelList.tsx   | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/pages/home/Messages/MessageGroupModelList.tsx b/src/renderer/src/pages/home/Messages/MessageGroupModelList.tsx
index 9c1d6925af..dc098bc570 100644
--- a/src/renderer/src/pages/home/Messages/MessageGroupModelList.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageGroupModelList.tsx
@@ -19,22 +19,19 @@ type DisplayMode = 'compact' | 'expanded'
 const MessageGroupModelList: FC<MessageGroupModelListProps> = ({ messages, selectedIndex, setSelectedIndex }) => {
   const { t } = useTranslation()
   const [displayMode, setDisplayMode] = useState<DisplayMode>('expanded')
+  const isCompact = displayMode === 'compact'
 
   return (
     <ModelsWrapper>
-      <DisplayModeToggle displayMode={displayMode}>
+      <DisplayModeToggle displayMode={displayMode} onClick={() => setDisplayMode(isCompact ? 'expanded' : 'compact')}>
         <Tooltip
           title={
             displayMode === 'compact'
-              ? t('message.message.multi_model_style.fold.expand')
+              ? t(`message.message.multi_model_style.fold.expand`)
               : t('message.message.multi_model_style.fold.compress')
           }
           placement="top">
-          {displayMode === 'compact' ? (
-            <ArrowsAltOutlined onClick={() => setDisplayMode('expanded')} />
-          ) : (
-            <ShrinkOutlined onClick={() => setDisplayMode('compact')} />
-          )}
+          {displayMode === 'compact' ? <ArrowsAltOutlined /> : <ShrinkOutlined />}
         </Tooltip>
       </DisplayModeToggle>
 
@@ -204,7 +201,7 @@ const AvatarWrapper = styled.div<{ isSelected: boolean }>`
     `
     border: 2px solid var(--color-primary);
     z-index: 2;
-    
+
     &:hover {
       /* z-index is applied immediately, not part of the transition */
       z-index: 10;