diff --git a/packages/react/components/Account/Set.mjs b/packages/react/components/Account/Set.mjs index 5f617ee9840..1e243170fb2 100644 --- a/packages/react/components/Account/Set.mjs +++ b/packages/react/components/Account/Set.mjs @@ -63,9 +63,10 @@ const t = (input) => { return input } -/* +/** * Component to show an individual measurements set * + * @component * @param {object} props - All Component props * @param {number} props.id - The ID of the measurements set to load * @param {bool} [props.publicOnly = false] - If the set should be used with the backend.getPublicSet method @@ -384,7 +385,7 @@ export const Set = ({ id, publicOnly = false, Link = false, measurementHelpProvi return (
{heading} - +
) @@ -619,28 +620,30 @@ export const Set = ({ id, publicOnly = false, Link = false, measurementHelpProvi ) } -/** +/* * A (helper) component to display a measurements value * + * @component * @param {object} props - All React props * @param {string} val - The value * @param {string} m - The measurement name * @param {bool} imperial - True for imperial measurements, or metric by default */ -export const MeasurementValue = ({ val, m, imperial = false }) => +const MeasurementValue = ({ val, m, imperial = false }) => isDegreeMeasurement(m) ? ( {val}° ) : ( ) -/** +/* * React component to suggest a measurements set for curation * + * @component * @param {object} props - All React props * @param {string} mset - The measurements set */ -export const SuggestCset = ({ mset, Link }) => { +const SuggestCset = ({ mset, Link }) => { // State const [height, setHeight] = useState('') const [img, setImg] = useState('') @@ -760,13 +763,14 @@ export const SuggestCset = ({ mset, Link }) => { ) } -/** +/* * React component to render a preview of a measurement set using the bonny pattern * + * @component * @param {object} props - All React props * @param {string} mset - The measurements set */ -export const RenderedCSet = ({ mset, imperial }) => { +const RenderedCset = ({ mset, imperial }) => { const [previewVisible, setPreviewVisible] = useState(false) const missing = [] diff --git a/sites/dev/docs/reference/packages/react/components/account/_examples.js b/sites/dev/docs/reference/packages/react/components/account/_examples.js index 4937246d6be..61c8c0ffa39 100644 --- a/sites/dev/docs/reference/packages/react/components/account/_examples.js +++ b/sites/dev/docs/reference/packages/react/components/account/_examples.js @@ -29,7 +29,7 @@ import { Reload as ReloadExample, Remove as RemoveExample, Restrict as RestrictExample, - Set as SetExample, + Set, Sets as SetsExample, Tiktok as TiktokExample, Twitch as TwitchExample, @@ -89,6 +89,7 @@ const MsetCardExample = () => const PatternExample = () => const PatternCardExample = () => +const SetExample = () => export { AccountStatusExample,