use relative import

Author: skshetry

packages/gatsby-theme/src/components/Documentation/Layout/SearchForm/index.tsx

@@ -1,9 +1,10 @@
 import Promise from 'promise-polyfill'
 import { useEffect, useState } from 'react'
 
-import * as styles from '@dvcorg/gatsby-theme/src/components/Documentation/Layout/SearchForm/styles.module.css'
 import { loadResource } from '@dvcorg/gatsby-theme/src/utils/front/resources'
 
+import * as styles from './styles.module.css'
+
 declare global {
   interface Window {
     docsearch?: (opts: Record<string, unknown>) => void

packages/gatsby-theme/src/components/HamburgerMenu/index.tsx

@@ -6,14 +6,16 @@ import {
   HOME_PAGE_LINK,
   MAIN_SITE_URL
 } from '@dvcorg/gatsby-theme/consts'
-import HamburgerIcon from '@dvcorg/gatsby-theme/src/components/HamburgerIcon'
-import * as styles from '@dvcorg/gatsby-theme/src/components/HamburgerMenu/styles.module.css'
-import Link from '@dvcorg/gatsby-theme/src/components/Link'
-import { ReactComponent as GithubIcon } from '@dvcorg/gatsby-theme/src/components/SocialIcon/github.svg'
-import { ReactComponent as TwitterIcon } from '@dvcorg/gatsby-theme/src/components/SocialIcon/twitter.svg'
 import menuData from '@dvcorg/gatsby-theme/src/data/menu'
 import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible'
 
+import HamburgerIcon from '../HamburgerIcon'
+import Link from '../Link'
+import { ReactComponent as GithubIcon } from '../SocialIcon/github.svg'
+import { ReactComponent as TwitterIcon } from '../SocialIcon/twitter.svg'
+
+import * as styles from './styles.module.css'
+
 export type HamburgerHelpers = {
   opened: boolean
   setOpened: (newState: boolean) => void

packages/gatsby-theme/src/components/LayoutFooter/index.tsx

@@ -1,18 +1,19 @@
 import cn from 'classnames'
 
 import { MAIN_SITE_URL, BLOGS_URL } from '@dvcorg/gatsby-theme/consts'
-import * as styles from '@dvcorg/gatsby-theme/src/components/LayoutFooter/styles.module.css'
-import LayoutWidthContainer from '@dvcorg/gatsby-theme/src/components/LayoutWidthContainer'
-import Link from '@dvcorg/gatsby-theme/src/components/Link'
 import SocialIcon, {
   ISocialIcon
 } from '@dvcorg/gatsby-theme/src/components/SocialIcon'
-import { ReactComponent as DiscordSVG } from '@dvcorg/gatsby-theme/src/components/SocialIcon/discord.svg'
-import { ReactComponent as GithubSVG } from '@dvcorg/gatsby-theme/src/components/SocialIcon/github.svg'
-import { ReactComponent as TwitterSVG } from '@dvcorg/gatsby-theme/src/components/SocialIcon/twitter.svg'
 import { getFirstPage } from '@dvcorg/gatsby-theme/src/utils/shared/sidebar'
 
 import { ReactComponent as LogoSVG } from '../../../../../static/img/dvc_by_lakefs_white.svg'
+import LayoutWidthContainer from '../LayoutWidthContainer'
+import Link from '../Link'
+import { ReactComponent as DiscordSVG } from '../SocialIcon/discord.svg'
+import { ReactComponent as GithubSVG } from '../SocialIcon/github.svg'
+import { ReactComponent as TwitterSVG } from '../SocialIcon/twitter.svg'
+
+import * as styles from './styles.module.css'
 
 const docsPage = getFirstPage()
 

packages/gatsby-theme/src/components/LayoutHeader/Nav/LinkItems/index.tsx

@@ -1,7 +1,5 @@
 import cn from 'classnames'
 
-import { IPopupProps } from '@dvcorg/gatsby-theme/src/components/LayoutHeader/Nav/Popup'
-import Link from '@dvcorg/gatsby-theme/src/components/Link'
 import menuData from '@dvcorg/gatsby-theme/src/data/menu'
 import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible'
 
@@ -11,6 +9,8 @@ import usePopup, {
 import { ReactComponent as ArrowDownSVG } from '../../../../../../../static/img/arrow-down-icon.svg'
 import { ReactComponent as ArrowUpSVG } from '../../../../../../../static/img/arrow-up-icon.svg'
 import { ReactComponent as EllipsisIcon } from '../../../../../../../static/img/ellipsis.svg'
+import Link from '../../../Link'
+import { IPopupProps } from '../Popup'
 
 import * as styles from './styles.module.css'
 

packages/gatsby-theme/src/components/LayoutHeader/Nav/Popup/index.tsx

@@ -1,10 +1,11 @@
 import cn from 'classnames'
 import { PropsWithChildren } from 'react'
 
-import Link from '@dvcorg/gatsby-theme/src/components/Link'
 import menuData from '@dvcorg/gatsby-theme/src/data/menu'
 import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible'
 
+import Link from '../../../Link'
+
 import * as styles from './styles.module.css'
 
 export interface IPopupProps {

packages/gatsby-theme/src/components/LayoutHeader/Nav/SocialIcons/index.tsx

@@ -1,6 +1,4 @@
-import SocialIcon, {
-  ISocialIconProps
-} from '@dvcorg/gatsby-theme/src/components/SocialIcon'
+import SocialIcon, { ISocialIconProps } from '../../../SocialIcon'
 
 import * as styles from './styles.module.css'
 

packages/gatsby-theme/src/components/LayoutHeader/Nav/index.tsx

@@ -1,8 +1,9 @@
-import LinkItems from '@dvcorg/gatsby-theme/src/components/LayoutHeader/Nav/LinkItems'
-import SocialIcons from '@dvcorg/gatsby-theme/src/components/LayoutHeader/Nav/SocialIcons'
-import PseudoButton from '@dvcorg/gatsby-theme/src/components/PseudoButton'
 import { logEvent } from '@dvcorg/gatsby-theme/src/utils/front/plausible'
 
+import PseudoButton from '../../PseudoButton'
+
+import LinkItems from './LinkItems'
+import SocialIcons from './SocialIcons'
 import * as styles from './styles.module.css'
 
 const Nav: React.FC = () => (

packages/gatsby-theme/src/components/PseudoButton/index.tsx

@@ -1,6 +1,6 @@
 import cn from 'classnames'
 
-import Link, { ILinkProps } from '@dvcorg/gatsby-theme/src/components/Link'
+import Link, { ILinkProps } from '../Link'
 
 import * as styles from './styles.module.css'