From f861e6a269ba9f62700776d3cd13b644a9e836d4 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 20 Sep 2023 16:38:54 +0200 Subject: refactor: use named export for everything except pages Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements. --- src/components/molecules/buttons/help-button.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'src/components/molecules/buttons/help-button.tsx') diff --git a/src/components/molecules/buttons/help-button.tsx b/src/components/molecules/buttons/help-button.tsx index 6178317..1234835 100644 --- a/src/components/molecules/buttons/help-button.tsx +++ b/src/components/molecules/buttons/help-button.tsx @@ -1,6 +1,6 @@ import { forwardRef, ForwardRefRenderFunction } from 'react'; import { useIntl } from 'react-intl'; -import Button, { type ButtonProps } from '../../atoms/buttons/button'; +import { Button, type ButtonProps } from '../../atoms'; import styles from './help-button.module.scss'; export type HelpButtonProps = Pick< @@ -8,12 +8,7 @@ export type HelpButtonProps = Pick< 'aria-pressed' | 'className' | 'onClick' >; -/** - * HelpButton component - * - * Render a button with an interrogation mark icon. - */ -const HelpButton: ForwardRefRenderFunction< +const HelpButtonWithRef: ForwardRefRenderFunction< HTMLButtonElement, HelpButtonProps > = ({ className = '', ...props }, ref) => { @@ -37,4 +32,9 @@ const HelpButton: ForwardRefRenderFunction< ); }; -export default forwardRef(HelpButton); +/** + * HelpButton component + * + * Render a button with an interrogation mark icon. + */ +export const HelpButton = forwardRef(HelpButtonWithRef); -- cgit v1.2.3