Improved useToggle hook so that it also returns enabler and disabler

This commit is contained in:
Alejandro Celaya
2020-04-05 12:18:41 +02:00
parent 66bf26f1dc
commit 94c5b2c471
7 changed files with 36 additions and 37 deletions

View File

@@ -36,7 +36,7 @@ const CreateShortUrl = (TagsSelector, CreateShortUrlResult, ForServerVersion) =>
maxVisits: undefined,
findIfExists: false,
});
const [ moreOptionsVisible, toggleMoreOptionsVisible ] = useToggle(false);
const [ moreOptionsVisible, toggleMoreOptionsVisible ] = useToggle();
const changeTags = (tags) => setShortUrlCreation({ ...shortUrlCreation, tags: tags.map(normalizeTag) });
const renderOptionalInput = (id, placeholder, type = 'text', props = {}) => (

View File

@@ -38,7 +38,7 @@ const renderInfoModal = (isOpen, toggle) => (
);
const UseExistingIfFoundInfoIcon = () => {
const [ isModalOpen, toggleModal ] = useToggle(false);
const [ isModalOpen, toggleModal ] = useToggle();
return (
<React.Fragment>

View File

@@ -26,13 +26,13 @@ const propTypes = {
const ShortUrlsRowMenu = (DeleteShortUrlModal, EditTagsModal, EditMetaModal, EditShortUrlModal, ForServerVersion) => {
const ShortUrlsRowMenuComp = ({ shortUrl, selectedServer }) => {
const [ isOpen, toggle ] = useToggle(false);
const [ isQrModalOpen, toggleQrCode ] = useToggle(false);
const [ isPreviewModalOpen, togglePreview ] = useToggle(false);
const [ isTagsModalOpen, toggleTags ] = useToggle(false);
const [ isMetaModalOpen, toggleMeta ] = useToggle(false);
const [ isDeleteModalOpen, toggleDelete ] = useToggle(false);
const [ isEditModalOpen, toggleEdit ] = useToggle(false);
const [ isOpen, toggle ] = useToggle();
const [ isQrModalOpen, toggleQrCode ] = useToggle();
const [ isPreviewModalOpen, togglePreview ] = useToggle();
const [ isTagsModalOpen, toggleTags ] = useToggle();
const [ isMetaModalOpen, toggleMeta ] = useToggle();
const [ isDeleteModalOpen, toggleDelete ] = useToggle();
const [ isEditModalOpen, toggleEdit ] = useToggle();
const completeShortUrl = shortUrl && shortUrl.shortUrl ? shortUrl.shortUrl : '';
return (