34 lines
866 B
JavaScript
34 lines
866 B
JavaScript
'use client';
|
|
|
|
export default function EmptyStateCard({
|
|
fundsLength = 0,
|
|
currentTab = 'all',
|
|
onAddToGroup,
|
|
}) {
|
|
const isEmpty = fundsLength === 0;
|
|
const isGroupTab = currentTab !== 'all' && currentTab !== 'fav';
|
|
|
|
return (
|
|
<div
|
|
className="glass card empty"
|
|
style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
padding: '60px 20px',
|
|
}}
|
|
>
|
|
<div style={{ fontSize: '48px', marginBottom: 16, opacity: 0.5 }}>📂</div>
|
|
<div className="muted" style={{ marginBottom: 20 }}>
|
|
{isEmpty ? '尚未添加基金' : '该分组下暂无数据'}
|
|
</div>
|
|
{isGroupTab && fundsLength > 0 && (
|
|
<button className="button" onClick={onAddToGroup}>
|
|
添加基金到此分组
|
|
</button>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|