diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-20 16:38:54 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-09-20 16:38:54 +0200 |
| commit | f861e6a269ba9f62700776d3cd13b644a9e836d4 (patch) | |
| tree | a5a107e7a6e4ff8b4261fe04349357bc00b783ee /src/components/molecules/forms/fieldset.tsx | |
| parent | 03331c44276ec56e9f235e4d5ee75030455a753f (diff) | |
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.
Diffstat (limited to 'src/components/molecules/forms/fieldset.tsx')
| -rw-r--r-- | src/components/molecules/forms/fieldset.tsx | 23 |
1 files changed, 8 insertions, 15 deletions
diff --git a/src/components/molecules/forms/fieldset.tsx b/src/components/molecules/forms/fieldset.tsx index 4cbf71d..7564d14 100644 --- a/src/components/molecules/forms/fieldset.tsx +++ b/src/components/molecules/forms/fieldset.tsx @@ -6,9 +6,9 @@ import { useRef, useState, } from 'react'; -import useOnClickOutside from '../../../utils/hooks/use-on-click-outside'; -import HelpButton from '../buttons/help-button'; -import Tooltip from '../modals/tooltip'; +import { useOnClickOutside } from '../../../utils/hooks'; +import { HelpButton } from '../buttons'; +import { Tooltip } from '../modals'; import styles from './fieldset.module.scss'; export type FieldsetProps = { @@ -59,7 +59,7 @@ export type FieldsetProps = { * * Render a fieldset with a legend. */ -const Fieldset: FC<FieldsetProps> = ({ +export const Fieldset: FC<FieldsetProps> = ({ bodyClassName = '', buttonClassName = '', children, @@ -92,17 +92,12 @@ const Fieldset: FC<FieldsetProps> = ({ }; const tooltipRef = useOnClickOutside<HTMLDivElement>(closeTooltip); + const fieldsetClass = `${styles.wrapper} ${styles[wrapperModifier]} ${className}`; + const legendClass = `${styles.legend} ${styles[legendModifier]} ${legendClassName}`; return ( - <fieldset - className={`${styles.wrapper} ${styles[wrapperModifier]} ${className}`} - {...props} - > - <legend - className={`${styles.legend} ${styles[legendModifier]} ${legendClassName}`} - > - {legend} - </legend> + <fieldset {...props} className={fieldsetClass}> + <legend className={legendClass}>{legend}</legend> {TooltipComponent && ( <> <HelpButton @@ -121,5 +116,3 @@ const Fieldset: FC<FieldsetProps> = ({ </fieldset> ); }; - -export default Fieldset; |
