RouterTab: update to named export

Author: clairep94

client/common/RouterTab.test.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor, history } from '../test-utils';
-import Tab from './RouterTab';
+import { RouterTab } from './RouterTab';
 
 const mockPath = '/projects';
 const mockLinkText = 'Projects';
 
-describe('Tab', () => {
+describe('RouterTab', () => {
   function mountComponent() {
-    return render(<Tab to={mockPath}>{mockLinkText}</Tab>);
+    return render(<RouterTab to={mockPath}>{mockLinkText}</RouterTab>);
   }
 
   it('renders a react-router NavLink with correct text and path', async () => {

client/common/RouterTab.tsx

@@ -1,15 +1,15 @@
 import React, { ReactNode } from 'react';
 import { NavLink } from 'react-router-dom';
 
-export interface TabProps {
+export interface RouterTabProps {
   children: ReactNode;
   to: string;
 }
 
 /**
  * Wraps the react-router `NavLink` with dashboard-header__tab styling.
  */
-const Tab = ({ children, to }: TabProps) => (
+export const RouterTab = ({ children, to }: RouterTabProps) => (
   <li className="dashboard-header__tab">
     <NavLink
       className="dashboard-header__tab__title"
@@ -20,5 +20,3 @@ const Tab = ({ children, to }: TabProps) => (
     </NavLink>
   </li>
 );
-
-export default Tab;

client/modules/Legal/pages/Legal.jsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from 'react';
 import Helmet from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
-import RouterTab from '../../../common/RouterTab';
+import { RouterTab } from '../../../common/RouterTab';
 import RootPage from '../../../components/RootPage';
 import { remSize } from '../../../theme';
 import Loader from '../../App/components/loader';

client/modules/User/components/DashboardTabSwitcher.jsx

@@ -5,7 +5,7 @@ import { useDispatch } from 'react-redux';
 import styled from 'styled-components';
 import { FilterIcon } from '../../../common/icons';
 import IconButton from '../../../common/IconButton';
-import RouterTab from '../../../common/RouterTab';
+import { RouterTab } from '../../../common/RouterTab';
 import { Options } from '../../IDE/components/Header/MobileNav';
 import { toggleDirectionForField } from '../../IDE/actions/sorting';
 import useIsMobile from '../../IDE/hooks/useIsMobile';