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