You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.4 KiB
51 lines
1.4 KiB
import PropTypes from 'prop-types';
|
|
import React, { useCallback, useState } from 'react';
|
|
import { useDispatch } from 'react-redux';
|
|
import Modal from 'Components/Modal/Modal';
|
|
import { sizes } from 'Helpers/Props';
|
|
import { clearPendingChanges } from 'Store/Actions/baseActions';
|
|
import EditAutoTaggingModalContent from './EditAutoTaggingModalContent';
|
|
|
|
export default function EditAutoTaggingModal(props) {
|
|
const {
|
|
isOpen,
|
|
onModalClose: onOriginalModalClose,
|
|
...otherProps
|
|
} = props;
|
|
|
|
const dispatch = useDispatch();
|
|
const [height, setHeight] = useState('auto');
|
|
|
|
const onContentHeightChange = useCallback((h) => {
|
|
if (height === 'auto' || h > height) {
|
|
setHeight(h);
|
|
}
|
|
}, [height, setHeight]);
|
|
|
|
const onModalClose = useCallback(() => {
|
|
dispatch(clearPendingChanges({ section: 'settings.autoTaggings' }));
|
|
onOriginalModalClose();
|
|
}, [dispatch, onOriginalModalClose]);
|
|
|
|
return (
|
|
<Modal
|
|
style={{ height: height === 'auto' ? 'auto': `${height}px` }}
|
|
isOpen={isOpen}
|
|
size={sizes.LARGE}
|
|
onModalClose={onModalClose}
|
|
>
|
|
<EditAutoTaggingModalContent
|
|
{...otherProps}
|
|
onContentHeightChange={onContentHeightChange}
|
|
onModalClose={onModalClose}
|
|
/>
|
|
</Modal>
|
|
);
|
|
}
|
|
|
|
EditAutoTaggingModal.propTypes = {
|
|
isOpen: PropTypes.bool.isRequired,
|
|
onModalClose: PropTypes.func.isRequired
|
|
};
|
|
|