30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
import React from "react";
|
|
import { FiSend, FiCamera, FiPlus, FiUpload } from "react-icons/fi";
|
|
import "./pedalOCR.scss";
|
|
|
|
const ActionButtons = ({ onOCR, onReset, onAdd, inputMethod }) => {
|
|
const isCamera = inputMethod === 'camera';
|
|
const handleLeftClick = onAdd || onReset;
|
|
|
|
return (
|
|
<div className="action-buttons">
|
|
<button onClick={handleLeftClick} className="action-buttons__btn action-buttons__btn--clear">
|
|
{isCamera ? <FiCamera className="action-buttons__icon" /> : <FiUpload className="action-buttons__icon" />}
|
|
<span className="action-buttons__text action-buttons__text--mobile">
|
|
{isCamera ? 'Scan More' : 'Upload More'}
|
|
</span>
|
|
<span className="action-buttons__text action-buttons__text--desktop">
|
|
{isCamera ? 'Scan More Images' : 'Upload More Images'}
|
|
</span>
|
|
</button>
|
|
<button onClick={onOCR} className="action-buttons__btn action-buttons__btn--process">
|
|
<FiSend className="action-buttons__icon" />
|
|
<span className="action-buttons__text action-buttons__text--mobile">Process</span>
|
|
<span className="action-buttons__text action-buttons__text--desktop">Process Images</span>
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ActionButtons;
|