File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import type {BoardListItem} from "../type/board.types.ts";
import type {SearchParams} from "../../../../type/searchParams.ts";
interface BoardListTableRowProps {
item: BoardListItem
index: number
searchParams: SearchParams
totalCount: number
currentPage: number
recordPerPage: number
}
export function BoardListTableRow({item, index, searchParams, totalCount, currentPage, recordPerPage}: BoardListTableRowProps) {
const rowNumber = searchParams.searchSortOrd === 'DESC'
? totalCount - (currentPage - 1) * recordPerPage - index
: (currentPage - 1) * recordPerPage + (index + 1)
return (
<tr>
<td>{rowNumber}</td>
<td>{item.bbsNm}</td>
<td>{item.menuNm}</td>
<td>
{item.newCnt}/{item.totCnt}
</td>
<td>{item.bbsTyCodeNm}</td>
<td>{item.frstRegisterPnttm}</td>
<td>
{item.useAt === 'Y' ? (
<span className="status text blue">사용</span>
) : (
<span className="status text gray">미사용</span>
)}
</td>
<td>
<div className="btn_wrap center">
<button className="btn line primary small">수정</button>
<button className="btn line lightgray small">게시판보기</button>
<button className="btn line lightgray small">템플릿</button>
</div>
</td>
</tr>
)
}