diff --git a/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx b/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx index 92209824..73c1e58c 100644 --- a/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx +++ b/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx @@ -1,26 +1,26 @@ -import { Scrollspy } from '@makotot/ghostui' - -import React from 'react' -import { FC } from 'react' -import { FormattedMessage } from 'react-intl' - -import { Background } from '@ui/background' -import { Button } from '@ui/button' -import { Card } from '@ui/card' -import { Condition } from '@ui/condition' -import { DrawerContainer } from '@ui/drawer' -import { ArrowUpIcon } from '@ui/icons' -import { Box } from '@ui/layout' -import { Column } from '@ui/layout' -import { Layout } from '@ui/layout' -import { Row } from '@ui/layout' -import { Logo } from '@ui/logo' -import { Text } from '@ui/text' - -import { CardDataDesktop } from '../data' -import { NavLinks } from '../data' -import { NavLinkDrawer } from '../navlink' -import { DrawerProps } from './drawer.interfaces' +import { Scrollspy } from '@makotot/ghostui' + +import React from 'react' +import { FC } from 'react' +import { FormattedMessage } from 'react-intl' + +import { Background } from '@ui/background' +import { Button } from '@ui/button' +import { Card } from '@ui/card' +import { Condition } from '@ui/condition' +import { DrawerContainer } from '@ui/drawer' +import { ArrowUpIcon } from '@ui/icons' +import { Box } from '@ui/layout' +import { Column } from '@ui/layout' +import { Layout } from '@ui/layout' +import { Row } from '@ui/layout' +import { Logo } from '@ui/logo' +import { Text } from '@ui/text' + +import { CardDataDesktop } from '../data' +import { NavLinks } from '../data' +import { NavLinkItemDrawer } from '../navlink-item' +import { DrawerProps } from './drawer.interfaces' export const DrawerDesktop: FC = ({ active, onClose, sectionRefs }) => { const cardsList = Array.from({ length: 3 }, () => CardDataDesktop).map((el, index) => ({ @@ -78,7 +78,7 @@ export const DrawerDesktop: FC = ({ active, onClose, sectionRefs }) {NavLinks.map((navLink, index) => ( - = ({ sectionRefs }) => { const [active, setActive] = useState(false) @@ -35,7 +35,7 @@ export const NavigationDesktop: FC = ({ sectionRefs }) => { {NavLinks.map((navLink, index) => ( - + diff --git a/landing/fragments/landing-navigation/src/navlink-item/index.ts b/landing/fragments/landing-navigation/src/navlink-item/index.ts new file mode 100644 index 00000000..be481fcb --- /dev/null +++ b/landing/fragments/landing-navigation/src/navlink-item/index.ts @@ -0,0 +1,2 @@ +export * from './navlink-item.component' +export * from './navlink-item-drawer.component' diff --git a/landing/fragments/landing-navigation/src/navlink/navlink-drawer.component.tsx b/landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx similarity index 68% rename from landing/fragments/landing-navigation/src/navlink/navlink-drawer.component.tsx rename to landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx index 9eff41e3..fe7df6f5 100644 --- a/landing/fragments/landing-navigation/src/navlink/navlink-drawer.component.tsx +++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx @@ -1,18 +1,18 @@ -import React from 'react' -import { FC } from 'react' -import { Link } from 'react-scroll' +import React from 'react' +import { FC } from 'react' +import { Link } from 'react-scroll' -import { Condition } from '@ui/condition' -import { Divider } from '@ui/divider' -import { Box } from '@ui/layout' -import { Column } from '@ui/layout' -import { Layout } from '@ui/layout' -import { Text } from '@ui/text' -import { useHover } from '@ui/utils' +import { Condition } from '@ui/condition' +import { Divider } from '@ui/divider' +import { Box } from '@ui/layout' +import { Column } from '@ui/layout' +import { Layout } from '@ui/layout' +import { Text } from '@ui/text' +import { useHover } from '@ui/utils' -import { NavLinkDrawerProps } from './navlink.interfaces' +import { NavLinkItemDrawerProps } from './navlink-item.interfaces' -export const NavLinkDrawer: FC = ({ +export const NavLinkItemDrawer: FC = ({ name, path, currentElementIndexInViewport, diff --git a/landing/fragments/landing-navigation/src/navlink/navlink.component.tsx b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx similarity index 57% rename from landing/fragments/landing-navigation/src/navlink/navlink.component.tsx rename to landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx index 8ef8ab61..bc61ed19 100644 --- a/landing/fragments/landing-navigation/src/navlink/navlink.component.tsx +++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx @@ -1,17 +1,17 @@ -import React from 'react' -import { FC } from 'react' -import { Link } from 'react-scroll' +import React from 'react' +import { FC } from 'react' +import { Link } from 'react-scroll' -import { Divider } from '@ui/divider' -import { Box } from '@ui/layout' -import { Column } from '@ui/layout' -import { Layout } from '@ui/layout' -import { Text } from '@ui/text' -import { useHover } from '@ui/utils' +import { Divider } from '@ui/divider' +import { Box } from '@ui/layout' +import { Column } from '@ui/layout' +import { Layout } from '@ui/layout' +import { Text } from '@ui/text' +import { useHover } from '@ui/utils' -import { NavLinkProps } from './navlink.interfaces' +import { NavLinkItemProps } from './navlink-item.interfaces' -export const NavLink: FC = ({ name, path }) => { +export const NavLinkItem: FC = ({ name, path }) => { const { hover, hoverProps } = useHover() return ( diff --git a/landing/fragments/landing-navigation/src/navlink/navlink.interfaces.ts b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts similarity index 60% rename from landing/fragments/landing-navigation/src/navlink/navlink.interfaces.ts rename to landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts index acc2df01..e50a607f 100644 --- a/landing/fragments/landing-navigation/src/navlink/navlink.interfaces.ts +++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts @@ -1,9 +1,9 @@ -export interface NavLinkProps { +export interface NavLinkItemProps { name: string path: string } -export interface NavLinkDrawerProps { +export interface NavLinkItemDrawerProps { name: string path: string currentElementIndexInViewport: number diff --git a/landing/fragments/landing-navigation/src/navlink/index.ts b/landing/fragments/landing-navigation/src/navlink/index.ts deleted file mode 100644 index 6f381fe6..00000000 --- a/landing/fragments/landing-navigation/src/navlink/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './navlink.component' -export * from './navlink-drawer.component'