52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { mockCategories } from '../data/mockData'
|
|
|
|
const DashboardView = () => {
|
|
return (
|
|
<div>
|
|
<div className="content-header">
|
|
<div className="content-title">대시보드</div>
|
|
</div>
|
|
|
|
<div className="dashboard-stats">
|
|
<div className="stat-card">
|
|
<div className="stat-label">전체 자산</div>
|
|
<div className="stat-value">8개</div>
|
|
</div>
|
|
{mockCategories.map(cat => (
|
|
<div key={cat.id} className="stat-card">
|
|
<div className="stat-label">{cat.name}</div>
|
|
<div className="stat-value">{cat.count}개</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
<div className="card">
|
|
<h3>최근 변경 내역</h3>
|
|
<table className="data-table">
|
|
<thead>
|
|
<tr>
|
|
<th>날짜</th>
|
|
<th>내용</th>
|
|
<th>사용자</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2023-04-11</td>
|
|
<td>PC 신규 등록</td>
|
|
<td>이관형</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2023-04-10</td>
|
|
<td>모니터 부서 할당 변경</td>
|
|
<td>관리자</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default DashboardView
|