fix: update SideNav to conditionally render buttons and version status based on collapsed state

This commit is contained in:
shiyu
2025-12-12 17:05:46 +08:00
parent d7260e8863
commit 49a4300fc3
+5 -3
View File
@@ -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,7 +233,8 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
)
)}
</div>
<div style={{ display: 'flex', flexDirection: collapsed ? 'column' : 'row', gap: 8 }}>
{!collapsed && (
<div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>
<Button
shape="circle"
icon={<GithubOutlined />}
@@ -258,6 +259,7 @@ const SideNav = memo(function SideNav({ collapsed, activeKey, onChange, onToggle
target="_blank"
/>
</div>
)}
</div>
</Sider>