Tom Butcher
73de7ac8ee
- Updated ListViewEditButtons to disable actions during initial loading, improving user experience. - Refactored ListViewTabs to adjust icon styles based on loading state and removed unnecessary imports for cleaner code. - Modified ObjectListViewContext to use viewId instead of view reference for better clarity and consistency. - Updated TableStateContext to reflect changes in view parameter naming, enhancing code maintainability. - Adjusted App.css for improved styling of segmented navigation items and loading indicators.
42 lines
1004 B
JavaScript
42 lines
1004 B
JavaScript
import PropTypes from 'prop-types'
|
|
import { Divider, Flex } from 'antd'
|
|
import EditButtons from './EditButtons'
|
|
import { useObjectListView } from '../context/ObjectListViewContext'
|
|
|
|
const ListViewEditButtons = ({ showStartingDivider = false }) => {
|
|
const {
|
|
isEditing,
|
|
initialLoading,
|
|
saving,
|
|
saveEdits,
|
|
cancelEdits,
|
|
startEditing
|
|
} = useObjectListView()
|
|
|
|
return (
|
|
<Flex align='center' gap='small'>
|
|
{showStartingDivider && (
|
|
<Divider type='vertical' style={{ margin: '0 4px', height: '18px' }} />
|
|
)}
|
|
<EditButtons
|
|
isEditing={isEditing}
|
|
handleUpdate={async () => {
|
|
await saveEdits()
|
|
}}
|
|
cancelEditing={cancelEdits}
|
|
startEditing={startEditing}
|
|
formValid={true}
|
|
disabled={initialLoading}
|
|
loading={saving}
|
|
requirePermission={false}
|
|
/>
|
|
</Flex>
|
|
)
|
|
}
|
|
|
|
ListViewEditButtons.propTypes = {
|
|
showStartingDivider: PropTypes.bool
|
|
}
|
|
|
|
export default ListViewEditButtons
|