Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-09 15:05:44 +01:00
Code Issues Packages Projects Releases Activity

Add optional cancel function for text areas

Browse Source
This commit is contained in:
Rene Pfeuffer
2019-12-10 11:59:30 +01:00
parent 0ae185ef01
commit 01ad8c7bb9
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scm-ui/ui-components/src/forms/Textarea.tsx
View File

@@ -11,6 +11,7 @@ type Props = {
helpText?: string; helpText?: string;
disabled?: boolean; disabled?: boolean;
onSubmit?: () => void; onSubmit?: () => void;
onCancel?: () => void;
}; };
class Textarea extends React.Component<Props> { class Textarea extends React.Component<Props> {
@@ -33,6 +34,13 @@ class Textarea extends React.Component<Props> {
} }
}; };
onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
const { onCancel } = this.props;
if (onCancel && event.key === "Escape") {
onCancel();
}
};
render() { render() {
const { placeholder, value, label, helpText, disabled } = this.props; const { placeholder, value, label, helpText, disabled } = this.props;
@@ -50,6 +58,7 @@ class Textarea extends React.Component<Props> {
value={value} value={value}
disabled={!!disabled} disabled={!!disabled}
onKeyPress={this.onKeyPress} onKeyPress={this.onKeyPress}
onKeyDown={this.onKeyDown}
/> />
</div> </div>
</div> </div>