Skip to content

Commit

Permalink
UI changes to class names and readOnly setting
Browse files Browse the repository at this point in the history
  • Loading branch information
ddrosario committed Oct 5, 2023
1 parent 0e48d58 commit aa00c2b
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 2 deletions.
9 changes: 8 additions & 1 deletion client/src/Components/Counter.js
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,14 @@ function Counter({ label, min, max, name, onChange, value, isEditing }) {
−
</button>
{!Number.isNaN(value) && (
<input className="usa-input usa-input--small counter__input" type="text" readOnly id={name} name={name} value={value} />
<input
className="usa-input usa-input--small counter__input"
type="text"
readOnly={!isEditing}
id={name}
name={name}
value={value}
/>
)}
<button type="button" className="usa-button counter__button counter__button--increment" onClick={handleIncrement}>
+
Expand Down
2 changes: 1 addition & 1 deletion client/src/EMS/HospitalStatusRow.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import './HospitalStatusRow.scss';
function HospitalStatusRow({ hospitalStatus }) {
const disabled = window.env.REACT_APP_DISABLE_PILOT_HOSPITALS === 'true' && hospitalStatus.hospitalName !== 'SF General';
return (
<div className="grid-row">
<div className="grid-row hospitalstatusrow_container">
<div className="grid-col-4 hospitalstatusrow__name-container">
<h3 className="hospitalstatusrow__name">{hospitalStatus.hospitalName}</h3>
<div className="hospitalstatusrow__timestamp">
Expand Down

0 comments on commit aa00c2b

Please sign in to comment.