ButtonOrLink: update to named export

Author: clairep94

client/common/ButtonOrLink.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor, history } from '../test-utils';
-import ButtonOrLink from './ButtonOrLink';
+import { ButtonOrLink } from './ButtonOrLink';
 
 describe('ButtonOrLink', () => {
   const clickHandler = jest.fn();

client/common/ButtonOrLink.tsx

@@ -28,7 +28,7 @@ export type Ref = HTMLAnchorElement | HTMLButtonElement;
  *   - Internal links will use react-router.
  *   - External links should start with 'http' or 'https' and will open in a new window.
  */
-const ButtonOrLink = React.forwardRef(
+export const ButtonOrLink = React.forwardRef(
   (
     {
       href,
@@ -92,5 +92,3 @@ const ButtonOrLink = React.forwardRef(
     );
   }
 );
-
-export default ButtonOrLink;

client/components/Dropdown/MenuItem.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import ButtonOrLink from '../../common/ButtonOrLink';
+import { ButtonOrLink } from '../../common/ButtonOrLink';
 
 // TODO: combine with NavMenuItem
 

client/components/Menubar/MenubarItem.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { useEffect, useContext, useRef } from 'react';
 import { MenubarContext, SubmenuContext, ParentMenuContext } from './contexts';
-import ButtonOrLink from '../../common/ButtonOrLink';
+import { ButtonOrLink } from '../../common/ButtonOrLink';
 
 /**
  * MenubarItem wraps a button or link in an accessible list item that

client/modules/IDE/components/Header/MobileNav.jsx

@@ -8,7 +8,7 @@ import classNames from 'classnames';
 import { ParentMenuContext } from '../../../../components/Menubar/contexts';
 import Menubar from '../../../../components/Menubar/Menubar';
 import { useMenuProps } from '../../../../components/Menubar/MenubarSubmenu';
-import ButtonOrLink from '../../../../common/ButtonOrLink';
+import { ButtonOrLink } from '../../../../common/ButtonOrLink';
 import { prop, remSize } from '../../../../theme';
 import AsteriskIcon from '../../../../images/p5-asterisk.svg';
 import IconButton from '../../../../common/IconButton';