diff --git a/ts/components/basic/SessionRadio.tsx b/ts/components/basic/SessionRadio.tsx index 892c461aa..aa5dc586a 100644 --- a/ts/components/basic/SessionRadio.tsx +++ b/ts/components/basic/SessionRadio.tsx @@ -54,6 +54,7 @@ type SessionRadioProps = { beforeMargins?: string; onClick?: (value: string) => void; disabled?: boolean; + radioPosition?: 'left' | 'right'; style?: CSSProperties; }; @@ -66,6 +67,7 @@ export const SessionRadio = (props: SessionRadioProps) => { onClick, beforeMargins, disabled = false, + radioPosition = 'left', style, } = props; @@ -81,7 +83,12 @@ export const SessionRadio = (props: SessionRadioProps) => { const outlineOffset = 2; return ( - + void; + radioPosition?: 'left' | 'right'; style?: CSSProperties; } @@ -31,7 +32,7 @@ const StyledFieldSet = styled.fieldset` `; export const SessionRadioGroup = (props: Props) => { - const { items, group, initialItem, style } = props; + const { items, group, initialItem, radioPosition, style } = props; const [activeItem, setActiveItem] = useState(''); useMount(() => { @@ -55,6 +56,7 @@ export const SessionRadioGroup = (props: Props) => { props.onClick(value); }} beforeMargins={'0 var(--margins-sm) 0 0 '} + radioPosition={radioPosition} /> ); })} diff --git a/ts/components/dialog/SessionConfirm.tsx b/ts/components/dialog/SessionConfirm.tsx index cfbfbec8a..dfaabb24f 100644 --- a/ts/components/dialog/SessionConfirm.tsx +++ b/ts/components/dialog/SessionConfirm.tsx @@ -138,12 +138,13 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => { { if (value) { setChosenOption(value); } }} - items={radioOptions} /> )}