From 49a4300fc35eeef449a9ab9a23f17c325d3c403a Mon Sep 17 00:00:00 2001
From: shiyu <im@shiyu.dev>
Date: Fri, 12 Dec 2025 17:05:46 +0800
Subject: [PATCH] fix: update SideNav to conditionally render buttons and
 version status based on collapsed state

---
 web/src/layout/SideNav.tsx | 56 ++++++++++++++++++++------------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/web/src/layout/SideNav.tsx b/web/src/layout/SideNav.tsx
index 045793d..a0df077 100644
--- a/web/src/layout/SideNav.tsx
+++ b/web/src/layout/SideNav.tsx
@@ -166,7 +166,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
           }}
         >
           {/* 最小化应用 Dock */}
-          {minimized.length > 0 && (
+          {!collapsed && minimized.length > 0 && (
             <div
               style={{
                 width: '100%',
@@ -224,7 +224,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
                     <Tag icon={<CheckCircleOutlined />} color="success" style={{ marginInlineEnd: 0 }} />
                   ) : (
                     <Tag icon={<CheckCircleOutlined />} color="success">
-                      {t('Up to date')}
+                      {status?.version}
                     </Tag>
                   )}
                 </Tooltip>
@@ -233,31 +233,33 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
               )
             )}
           </div>
-          <div style={{ display: 'flex', flexDirection: collapsed ? 'column' : 'row', gap: 8 }}>
-            <Button
-              shape="circle"
-              icon={<GithubOutlined />}
-              href="https://github.com/DrizzleTime/Foxel"
-              target="_blank"
-            />
-            <Button
-              shape="circle"
-              icon={<WechatOutlined />}
-              onClick={() => setIsModalOpen(true)}
-            />
-            <Button
-              shape="circle"
-              icon={<SendOutlined />}
-              href="https://t.me/+thDsBfyqJxZkNTU1"
-              target="_blank"
-            />
-            <Button
-              shape="circle"
-              icon={<FileTextOutlined />}
-              href="https://foxel.cc"
-              target="_blank"
-            />
-          </div>
+          {!collapsed && (
+            <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>
+              <Button
+                shape="circle"
+                icon={<GithubOutlined />}
+                href="https://github.com/DrizzleTime/Foxel"
+                target="_blank"
+              />
+              <Button
+                shape="circle"
+                icon={<WechatOutlined />}
+                onClick={() => setIsModalOpen(true)}
+              />
+              <Button
+                shape="circle"
+                icon={<SendOutlined />}
+                href="https://t.me/+thDsBfyqJxZkNTU1"
+                target="_blank"
+              />
+              <Button
+                shape="circle"
+                icon={<FileTextOutlined />}
+                href="https://foxel.cc"
+                target="_blank"
+              />
+            </div>
+          )}
 
         </div>
       </Sider>