@logicamente.info/react-pdf-viewer/es/Components/Navigation/PreviousPageButton.js

A React PDF viewer component, bootstrap compatible, with controls based on PDF.js.

import React, { useState } from 'react';
import PropTypes from 'prop-types';
import KALIcon from '@material-ui/icons/KeyboardArrowLeft';

var PreviousPageButton = function PreviousPageButton(_ref) {
  var css = _ref.css,
      page = _ref.page,
      handlePrevClick = _ref.handlePrevClick;
  var prevClass = css || 'btn btn-sm btn-dark border-0';

  var _useState = useState(false),
      state = _useState[0],
      setState = _useState[1];

  var handleClick = function handleClick() {
    setState(true);
    handlePrevClick();
    setTimeout(function () {
      setState(false);
    }, 200);
  };

  if (state || page === 1) {
    return /*#__PURE__*/React.createElement("button", {
      type: "button",
      className: prevClass,
      disabled: true
    }, /*#__PURE__*/React.createElement(KALIcon, null));
  }

  return /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: prevClass,
    onClick: handleClick
  }, /*#__PURE__*/React.createElement(KALIcon, null));
};

PreviousPageButton.propTypes = process.env.NODE_ENV !== "production" ? {
  css: PropTypes.string,
  page: PropTypes.number.isRequired,
  handlePrevClick: PropTypes.func.isRequired
} : {};
export default PreviousPageButton;