diff --git a/sites/shared/components/designs/design.mjs b/sites/shared/components/designs/design.mjs index 8f397b16918..97a3de3aa20 100644 --- a/sites/shared/components/designs/design.mjs +++ b/sites/shared/components/designs/design.mjs @@ -100,7 +100,7 @@ export const DesignCard = ({ name, lineDrawing = false }) => { > {t(`designs:${name}.t`)} -
+
{ + // Normalize stroke across designs + stroke = stroke * strokeScale + + return ( + + + + ) +} + +/* + * React component for the front + */ +export const BeeFront = ({ + className = 'h-full max-w-full m-auto text-base-content linedrawing', // CSS classes to apply + stroke = 1, // Stroke width to use +}) => { + // Normalize stroke across designs + stroke = stroke * strokeScale + + return ( + + + + ) +} + +/* + * SVG elements for the front + */ +export const Front = ({ stroke }) => ( + <> + + + + +) diff --git a/sites/shared/components/designs/linedrawings/index.mjs b/sites/shared/components/designs/linedrawings/index.mjs index bae13aefb11..cc77bff9da5 100644 --- a/sites/shared/components/designs/linedrawings/index.mjs +++ b/sites/shared/components/designs/linedrawings/index.mjs @@ -14,6 +14,7 @@ import { Bruce, BruceFront, BruceBack } from 'shared/components/designs/linedraw import { Hortensia, HortensiaFront } from 'shared/components/designs/linedrawings/hortensia.mjs' import { Simon, SimonFront, SimonBack } from 'shared/components/designs/linedrawings/simon.mjs' import { Wahid, WahidFront, WahidBack } from 'shared/components/designs/linedrawings/wahid.mjs' +import { Bee, BeeFront } from 'shared/components/designs/linedrawings/bee.mjs' export const lineDrawingsFront = { aaron: AaronFront, @@ -28,6 +29,7 @@ export const lineDrawingsFront = { hortensia: HortensiaFront, simon: SimonFront, wahid: WahidFront, + bee: BeeFront, } export const lineDrawingsBack = { @@ -40,6 +42,7 @@ export const lineDrawingsBack = { bruce: BruceBack, simon: SimonBack, wahid: WahidBack, + bee: Bee, } export const lineDrawings = {