fix(NavTopbar): use 'NavTopbar' as component name

qri-io · Sep 30, 2020 · f94f2b4 · f94f2b4
1 parent 9b9e1b5
commit f94f2b4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/components/nav/NavTopbar.tsx b/app/components/nav/NavTopbar.tsx
@@ -14,7 +14,7 @@ import HeaderColumnButtonDropdown from '../chrome/HeaderColumnButtonDropdown'
 import { Modal, ModalType } from '../../models/modals'
 
 // RouteProps includes `history`, `location`, and `match`
-interface NavbarProps extends RouteProps {
+interface NavTopbarProps extends RouteProps {
   title: string
   buttons: NavbarButtonProps[]
   setModal: (modal: Modal) => void
@@ -33,7 +33,7 @@ export interface NavbarButtonProps {
 }
 
 // Navbar is persistent chrome from app-wide navigation
-export const NavbarComponent: React.FunctionComponent<NavbarProps> = ({ title, location, setModal, history, buttons = [] }) => {
+export const NavTopbar: React.FunctionComponent<NavTopbarProps> = ({ title, location, setModal, history, buttons = [] }) => {
   const handleOnEnter = (e: React.KeyboardEvent) => {
     setModal({ q: e.target.value, type: ModalType.Search })
   }
@@ -67,7 +67,7 @@ export const NavbarComponent: React.FunctionComponent<NavbarProps> = ({ title, l
 }
 
 export default connectComponentToPropsWithRouter(
-  NavTopbarComponent,
+  NavTopbar,
   {},
   { setModal }
 )