Skip to content

Commit

Permalink
🎉 Updates for edit password field in connector (#20723)
Browse files Browse the repository at this point in the history
* Moves Cancel button to the left.

* changes Edit button to outline - secondary variant.

* Updates button size to match input height.
  • Loading branch information
natalyjazzviolin authored Jan 10, 2023
1 parent 1ed04fd commit c6edc0d
Showing 1 changed file with 5 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -93,15 +93,15 @@ const SecretConfirmationControl: React.FC<SecretConfirmationControlProps> = ({
{component}
{isEditInProgress ? (
<>
<Button size="xs" onClick={onDone} type="button" disabled={disabled}>
<FormattedMessage id="form.done" />
</Button>
<Button size="xs" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
<Button size="sm" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
<FormattedMessage id="form.cancel" />
</Button>
<Button size="sm" onClick={onDone} type="button" disabled={disabled}>
<FormattedMessage id="form.done" />
</Button>
</>
) : (
<Button size="xs" onClick={handleStartEdit} type="button" disabled={disabled}>
<Button size="sm" onClick={handleStartEdit} type="button" variant="secondary" disabled={disabled}>
<FormattedMessage id="form.edit" />
</Button>
)}
Expand Down

0 comments on commit c6edc0d

Please sign in to comment.