@@ -1,6 +1,6 @@
import styled from 'styled-components';
-export interface Props {
+export interface MenuItemProps {
liType: 'primary';
to?: string;
activeClassName?: string;
@@ -8,7 +8,7 @@ export interface Props {
isInverted?: boolean;
}
-const StyledMenuItem = styled('li')<Props>`
+const StyledMenuItem = styled.li<MenuItemProps>`
a {
cursor: pointer;
text-decoration: none;
@@ -1,12 +1,12 @@
import StyledMenuItem, {
- Props as MenuItemProps,
+ MenuItemProps,
} from 'components/Nav/ClusterMenuItem/ClusterMenuItem.styled';
import React from 'react';
import { NavLink } from 'react-router-dom';
-export type Props = MenuItemProps;
+export type { MenuItemProps };
-const ClusterMenuItem: React.FC<Props> = (props) => {
+const ClusterMenuItem: React.FC<MenuItemProps> = (props) => {
const { to, activeClassName, title, children, liType, ...rest } = props;
if (to) {
@@ -2,7 +2,7 @@ import React from 'react';
import { mount } from 'enzyme';
import { StaticRouter } from 'react-router';
import ClusterMenuItem, {
} from 'components/Nav/ClusterMenuItem/ClusterMenuItem';
describe('ClusterMenuItem', () => {