From 2faf2e34331703b3bdea3eb487cb8799c8d65377 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 19 Sep 2023 18:13:57 +0200 Subject: refactor(build): replace paths aliases with relative paths Using paths aliases starting with "@" can be confusing and can lead to conflict with existings modules. I prefer to use relative paths to avoid extra configuration in tools because of these aliases. --- src/components/molecules/images/flipping-logo.module.scss | 2 +- src/components/molecules/images/flipping-logo.test.tsx | 2 +- src/components/molecules/images/flipping-logo.tsx | 2 +- src/components/molecules/images/responsive-image.module.scss | 2 +- src/components/molecules/images/responsive-image.test.tsx | 2 +- src/components/molecules/images/responsive-image.tsx | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) (limited to 'src/components/molecules/images') diff --git a/src/components/molecules/images/flipping-logo.module.scss b/src/components/molecules/images/flipping-logo.module.scss index 89b9499..b3b7c96 100644 --- a/src/components/molecules/images/flipping-logo.module.scss +++ b/src/components/molecules/images/flipping-logo.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .logo { width: var(--logo-size, fun.convert-px(100)); diff --git a/src/components/molecules/images/flipping-logo.test.tsx b/src/components/molecules/images/flipping-logo.test.tsx index 4be69d1..c3ee492 100644 --- a/src/components/molecules/images/flipping-logo.test.tsx +++ b/src/components/molecules/images/flipping-logo.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import FlippingLogo from './flipping-logo'; describe('FlippingLogo', () => { diff --git a/src/components/molecules/images/flipping-logo.tsx b/src/components/molecules/images/flipping-logo.tsx index 0d59a55..a739b30 100644 --- a/src/components/molecules/images/flipping-logo.tsx +++ b/src/components/molecules/images/flipping-logo.tsx @@ -1,6 +1,6 @@ -import Logo, { type LogoProps } from '@components/atoms/images/logo'; import Image, { type ImageProps } from 'next/image'; import { ForwardedRef, forwardRef, ForwardRefRenderFunction } from 'react'; +import Logo, { type LogoProps } from '../../atoms/images/logo'; import styles from './flipping-logo.module.scss'; export type FlippingLogoProps = { diff --git a/src/components/molecules/images/responsive-image.module.scss b/src/components/molecules/images/responsive-image.module.scss index 7f5fafd..e4ed4aa 100644 --- a/src/components/molecules/images/responsive-image.module.scss +++ b/src/components/molecules/images/responsive-image.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .caption { margin: 0; diff --git a/src/components/molecules/images/responsive-image.test.tsx b/src/components/molecules/images/responsive-image.test.tsx index 9dafbc2..68e810b 100644 --- a/src/components/molecules/images/responsive-image.test.tsx +++ b/src/components/molecules/images/responsive-image.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import ResponsiveImage from './responsive-image'; describe('ResponsiveImage', () => { diff --git a/src/components/molecules/images/responsive-image.tsx b/src/components/molecules/images/responsive-image.tsx index 79e7db4..1160027 100644 --- a/src/components/molecules/images/responsive-image.tsx +++ b/src/components/molecules/images/responsive-image.tsx @@ -1,6 +1,6 @@ -import Link, { type LinkProps } from '@components/atoms/links/link'; import Image, { type ImageProps } from 'next/image'; import { FC, ReactNode } from 'react'; +import Link, { type LinkProps } from '../../atoms/links/link'; import styles from './responsive-image.module.scss'; export type ResponsiveImageProps = Omit< -- cgit v1.2.3