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/buttons/back-to-top.module.scss | 2 +- src/components/molecules/buttons/back-to-top.test.tsx | 2 +- src/components/molecules/buttons/back-to-top.tsx | 8 ++++---- src/components/molecules/buttons/heading-button.module.scss | 2 +- src/components/molecules/buttons/heading-button.stories.tsx | 1 - src/components/molecules/buttons/heading-button.test.tsx | 2 +- src/components/molecules/buttons/heading-button.tsx | 4 ++-- src/components/molecules/buttons/help-button.module.scss | 3 +-- src/components/molecules/buttons/help-button.test.tsx | 2 +- src/components/molecules/buttons/help-button.tsx | 2 +- 10 files changed, 13 insertions(+), 15 deletions(-) (limited to 'src/components/molecules/buttons') diff --git a/src/components/molecules/buttons/back-to-top.module.scss b/src/components/molecules/buttons/back-to-top.module.scss index 77ee97b..f5b3acd 100644 --- a/src/components/molecules/buttons/back-to-top.module.scss +++ b/src/components/molecules/buttons/back-to-top.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .wrapper { .link { diff --git a/src/components/molecules/buttons/back-to-top.test.tsx b/src/components/molecules/buttons/back-to-top.test.tsx index 827c2a8..c03ccb2 100644 --- a/src/components/molecules/buttons/back-to-top.test.tsx +++ b/src/components/molecules/buttons/back-to-top.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import BackToTop from './back-to-top'; describe('BackToTop', () => { diff --git a/src/components/molecules/buttons/back-to-top.tsx b/src/components/molecules/buttons/back-to-top.tsx index ad5c674..f422444 100644 --- a/src/components/molecules/buttons/back-to-top.tsx +++ b/src/components/molecules/buttons/back-to-top.tsx @@ -1,9 +1,9 @@ -import ButtonLink, { - type ButtonLinkProps, -} from '@components/atoms/buttons/button-link'; -import Arrow from '@components/atoms/icons/arrow'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import ButtonLink, { + type ButtonLinkProps, +} from '../../atoms/buttons/button-link'; +import Arrow from '../../atoms/icons/arrow'; import styles from './back-to-top.module.scss'; export type BackToTopProps = Pick & { diff --git a/src/components/molecules/buttons/heading-button.module.scss b/src/components/molecules/buttons/heading-button.module.scss index 3c69221..689f1e6 100644 --- a/src/components/molecules/buttons/heading-button.module.scss +++ b/src/components/molecules/buttons/heading-button.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .icon { transition: all 0.25s ease-in-out 0s; diff --git a/src/components/molecules/buttons/heading-button.stories.tsx b/src/components/molecules/buttons/heading-button.stories.tsx index 59f7be9..d1b5ed4 100644 --- a/src/components/molecules/buttons/heading-button.stories.tsx +++ b/src/components/molecules/buttons/heading-button.stories.tsx @@ -1,4 +1,3 @@ -import headingStories from '@components/atoms/headings/heading.stories'; import { ComponentMeta, ComponentStory } from '@storybook/react'; import { useState } from 'react'; import HeadingButtonComponent from './heading-button'; diff --git a/src/components/molecules/buttons/heading-button.test.tsx b/src/components/molecules/buttons/heading-button.test.tsx index d8da748..5dcc4cc 100644 --- a/src/components/molecules/buttons/heading-button.test.tsx +++ b/src/components/molecules/buttons/heading-button.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import HeadingButton from './heading-button'; describe('HeadingButton', () => { diff --git a/src/components/molecules/buttons/heading-button.tsx b/src/components/molecules/buttons/heading-button.tsx index 0ed9a76..cefd179 100644 --- a/src/components/molecules/buttons/heading-button.tsx +++ b/src/components/molecules/buttons/heading-button.tsx @@ -1,7 +1,7 @@ -import Heading, { type HeadingProps } from '@components/atoms/headings/heading'; -import PlusMinus from '@components/atoms/icons/plus-minus'; import { FC, SetStateAction } from 'react'; import { useIntl } from 'react-intl'; +import Heading, { type HeadingProps } from '../../atoms/headings/heading'; +import PlusMinus from '../../atoms/icons/plus-minus'; import styles from './heading-button.module.scss'; export type HeadingButtonProps = Pick & { diff --git a/src/components/molecules/buttons/help-button.module.scss b/src/components/molecules/buttons/help-button.module.scss index 42d49f6..fb28b57 100644 --- a/src/components/molecules/buttons/help-button.module.scss +++ b/src/components/molecules/buttons/help-button.module.scss @@ -1,5 +1,4 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/mixins" as mix; .btn { padding: var(--spacing-xs); diff --git a/src/components/molecules/buttons/help-button.test.tsx b/src/components/molecules/buttons/help-button.test.tsx index 0f8770e..67472f1 100644 --- a/src/components/molecules/buttons/help-button.test.tsx +++ b/src/components/molecules/buttons/help-button.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import HelpButton from './help-button'; describe('Help', () => { diff --git a/src/components/molecules/buttons/help-button.tsx b/src/components/molecules/buttons/help-button.tsx index ec89f4e..6178317 100644 --- a/src/components/molecules/buttons/help-button.tsx +++ b/src/components/molecules/buttons/help-button.tsx @@ -1,6 +1,6 @@ -import Button, { type ButtonProps } from '@components/atoms/buttons/button'; import { forwardRef, ForwardRefRenderFunction } from 'react'; import { useIntl } from 'react-intl'; +import Button, { type ButtonProps } from '../../atoms/buttons/button'; import styles from './help-button.module.scss'; export type HelpButtonProps = Pick< -- cgit v1.2.3