Compare commits
2 Commits
dc4a38f391
...
7b926ec409
| Author | SHA1 | Date | |
|---|---|---|---|
| 7b926ec409 | |||
| f91b011c5e |
@ -2,6 +2,7 @@ import { Button, Space } from 'antd'
|
|||||||
import CheckIcon from '../../Icons/CheckIcon.jsx'
|
import CheckIcon from '../../Icons/CheckIcon.jsx'
|
||||||
import XMarkIcon from '../../Icons/XMarkIcon.jsx'
|
import XMarkIcon from '../../Icons/XMarkIcon.jsx'
|
||||||
import EditIcon from '../../Icons/EditIcon.jsx'
|
import EditIcon from '../../Icons/EditIcon.jsx'
|
||||||
|
import KeyboardShortcut from './KeyboardShortcut.jsx'
|
||||||
import PropTypes from 'prop-types'
|
import PropTypes from 'prop-types'
|
||||||
|
|
||||||
const EditButtons = ({
|
const EditButtons = ({
|
||||||
@ -15,6 +16,15 @@ const EditButtons = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return isEditing ? (
|
return isEditing ? (
|
||||||
<Space size='small'>
|
<Space size='small'>
|
||||||
|
<KeyboardShortcut
|
||||||
|
shortcut='alt+s'
|
||||||
|
hint='ALT S'
|
||||||
|
onTrigger={() => {
|
||||||
|
if (!disabled && !loading && formValid) {
|
||||||
|
handleUpdate()
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
<Button
|
<Button
|
||||||
icon={<CheckIcon />}
|
icon={<CheckIcon />}
|
||||||
type='primary'
|
type='primary'
|
||||||
@ -22,19 +32,40 @@ const EditButtons = ({
|
|||||||
loading={loading}
|
loading={loading}
|
||||||
disabled={loading || !formValid || disabled}
|
disabled={loading || !formValid || disabled}
|
||||||
/>
|
/>
|
||||||
|
</KeyboardShortcut>
|
||||||
|
<KeyboardShortcut
|
||||||
|
shortcut='alt+c'
|
||||||
|
hint='ALT C'
|
||||||
|
onTrigger={() => {
|
||||||
|
if (!disabled && !loading) {
|
||||||
|
cancelEditing()
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
<Button
|
<Button
|
||||||
icon={<XMarkIcon />}
|
icon={<XMarkIcon />}
|
||||||
onClick={cancelEditing}
|
onClick={cancelEditing}
|
||||||
disabled={loading || disabled}
|
disabled={loading || disabled}
|
||||||
/>
|
/>
|
||||||
|
</KeyboardShortcut>
|
||||||
</Space>
|
</Space>
|
||||||
) : (
|
) : (
|
||||||
|
<KeyboardShortcut
|
||||||
|
shortcut='alt+e'
|
||||||
|
hint='ALT E'
|
||||||
|
onTrigger={() => {
|
||||||
|
if (!disabled && !loading) {
|
||||||
|
startEditing()
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
<Button
|
<Button
|
||||||
icon={<EditIcon />}
|
icon={<EditIcon />}
|
||||||
onClick={startEditing}
|
onClick={startEditing}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
disabled={disabled || loading}
|
disabled={disabled || loading}
|
||||||
/>
|
/>
|
||||||
|
</KeyboardShortcut>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -98,7 +98,7 @@ const ObjectTableNavigationButtons = ({
|
|||||||
<Space size='small'>
|
<Space size='small'>
|
||||||
<KeyboardShortcut
|
<KeyboardShortcut
|
||||||
shortcut='alt+arrowleft'
|
shortcut='alt+arrowleft'
|
||||||
hint='ALT LEFT'
|
hint='ALT ←'
|
||||||
onTrigger={useCallback(() => {
|
onTrigger={useCallback(() => {
|
||||||
if (!disabled && !loading && neighbors.previous?._id) {
|
if (!disabled && !loading && neighbors.previous?._id) {
|
||||||
handlePrevious()
|
handlePrevious()
|
||||||
@ -113,7 +113,7 @@ const ObjectTableNavigationButtons = ({
|
|||||||
</KeyboardShortcut>
|
</KeyboardShortcut>
|
||||||
<KeyboardShortcut
|
<KeyboardShortcut
|
||||||
shortcut='alt+arrowright'
|
shortcut='alt+arrowright'
|
||||||
hint='ALT RIGHT'
|
hint='ALT →'
|
||||||
onTrigger={useCallback(() => {
|
onTrigger={useCallback(() => {
|
||||||
if (!disabled && !loading && neighbors.next?._id) {
|
if (!disabled && !loading && neighbors.next?._id) {
|
||||||
handleNext()
|
handleNext()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user