useModalClose: update to named export

Author: clairep94

client/common/useModalClose.test.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import { render, fireEvent } from '@testing-library/react';
-import useModalClose from './useModalClose';
+import { useModalClose } from './useModalClose';
 import useKeyDownHandlers from './useKeyDownHandlers';
 
 jest.mock('./useKeyDownHandlers');

client/common/useModalClose.ts

@@ -18,7 +18,7 @@ import useKeyDownHandlers from './useKeyDownHandlers';
  * @param passedRef - Optional ref to the modal element. If not provided, one is created internally.
  * @returns A ref to be attached to the modal DOM element
  */
-export default function useModalClose(
+export function useModalClose(
   onClose: () => void,
   passedRef?: MutableRefObject<HTMLElement | null>
 ): MutableRefObject<HTMLElement | null> {

client/components/Dropdown/DropdownMenu.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { forwardRef, useCallback, useRef, useState } from 'react';
-import useModalClose from '../../common/useModalClose';
+import { useModalClose } from '../../common/useModalClose';
 import DownArrowIcon from '../../images/down-filled-triangle.svg';
 import { DropdownWrapper } from '../Dropdown';
 

client/components/Menubar/Menubar.jsx

@@ -6,7 +6,7 @@ import React, {
   useState,
   useEffect
 } from 'react';
-import useModalClose from '../../common/useModalClose';
+import { useModalClose } from '../../common/useModalClose';
 import { MenuOpenContext, MenubarContext } from './contexts';
 import { usePrevious } from '../../common/usePrevious';
 

client/modules/App/components/Overlay.jsx

@@ -4,7 +4,7 @@ import MediaQuery from 'react-responsive';
 import { useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import useModalClose from '../../../common/useModalClose';
+import { useModalClose } from '../../../common/useModalClose';
 
 import ExitIcon from '../../../images/exit.svg';
 

client/modules/IDE/components/Modal.jsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import useModalClose from '../../../common/useModalClose';
+import { useModalClose } from '../../../common/useModalClose';
 import ExitIcon from '../../../images/exit.svg';
 
 // Common logic from NewFolderModal, NewFileModal, UploadFileModal

client/modules/User/components/CollectionShareButton.jsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import Button from '../../../common/Button';
 import { DropdownArrowIcon } from '../../../common/icons';
-import useModalClose from '../../../common/useModalClose';
+import { useModalClose } from '../../../common/useModalClose';
 import CopyableInput from '../../IDE/components/CopyableInput';
 
 const ShareURL = ({ value }) => {