rename the component to align with the design

Opentrons · Dec 17, 2024 · 48104c0 · 48104c0
1 parent 280a0a2
commit 48104c0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/protocol-designer/src/ProtocolRoutes.tsx b/protocol-designer/src/ProtocolRoutes.tsx
@@ -14,7 +14,7 @@ import {
   GateModal,
   Kitchen,
   LabwareUploadModal,
-  NavigationBar,
+  Navigation,
 } from './organisms'
 import { ProtocolDesignerAppFallback } from './resources/ProtocolDesignerAppFallback'
 
@@ -74,7 +74,7 @@ export function ProtocolRoutes(): JSX.Element {
       FallbackComponent={ProtocolDesignerAppFallback}
       onReset={handleReset}
     >
-      <NavigationBar />
+      <Navigation />
       <Kitchen>
         <Box width="100%">
           {showGateModal ? <GateModal /> : null}

diff --git a/...ationBar/__tests__/NavigationBar.test.tsx → .../Navigation/__tests__/Navigation.test.tsx b/...ationBar/__tests__/NavigationBar.test.tsx → .../Navigation/__tests__/Navigation.test.tsx
@@ -7,7 +7,7 @@ import { renderWithProviders } from '../../../__testing-utils__'
 import { getHasUnsavedChanges } from '../../../load-file/selectors'
 import { toggleNewProtocolModal } from '../../../navigation/actions'
 import { SettingsIcon } from '../../SettingsIcon'
-import { NavigationBar } from '..'
+import { Navigation } from '..'
 
 vi.mock('../../SettingsIcon')
 vi.mock('../../../navigation/actions')
@@ -16,13 +16,13 @@ vi.mock('../../../load-file/selectors')
 const render = () => {
   return renderWithProviders(
     <MemoryRouter>
-      <NavigationBar />
+      <Navigation />
     </MemoryRouter>,
     { i18nInstance: i18n }
   )
 }
 
-describe('NavigationBar', () => {
+describe('Navigation', () => {
   beforeEach(() => {
     vi.mocked(getHasUnsavedChanges).mockReturnValue(false)
     vi.mocked(SettingsIcon).mockReturnValue(<div>mock SettingsIcon</div>)

diff --git a/...ner/src/organisms/NavigationBar/index.tsx → ...signer/src/organisms/Navigation/index.tsx b/...ner/src/organisms/NavigationBar/index.tsx → ...signer/src/organisms/Navigation/index.tsx
@@ -20,7 +20,7 @@ import { getHasUnsavedChanges } from '../../load-file/selectors'
 import { SettingsIcon } from '../SettingsIcon'
 import type { ThunkDispatch } from '../../types'
 
-export function NavigationBar(): JSX.Element | null {
+export function Navigation(): JSX.Element | null {
   const { t } = useTranslation(['shared', 'alert'])
   const location = useLocation()
   const navigate = useNavigate()