rugby-board/rugby-board-node

View on GitHub
client/components/Pagination.jsx

Summary

Maintainability
A
0 mins
Test Coverage
import { h, Component } from 'preact';
import { Link } from 'preact-router/match';

export default class Pagination extends Component {
  render() {
    return (
      <div className="pagination-wrapper" id="pagination">
        <div className="pagination-page">
          { this.props.data.cur_page !== 1 &&
            <span className="pagination-item">
              <Link href={`/${this.props.prefix}?page=${this.props.data.cur_page - 1}`}>上一页</Link>
            </span>
          }
          { this.props.data.total_page !== this.props.data.cur_page &&
            <span className="pagination-item">
              <Link href={`/${this.props.prefix}?page=${this.props.data.cur_page + 1}`}>下一页</Link>
            </span>
          }
        </div>
        <div className="pagination-info">
          <span className="pagination-item">总共: {this.props.data.total}</span>
          <span className="pagination-item">当前页: {this.props.data.cur_page}</span>
        </div>
      </div>
    );
  }
}