From b0bc7c3d996d25c9fefdfbcba3ca19fa46ad199f Mon Sep 17 00:00:00 2001 From: Jacob Richman Date: Thu, 19 Jun 2025 20:17:23 +0000 Subject: Fix flicker issues by ensuring all actively changing content fits in the viewport (#1217) --- .../src/ui/components/shared/RadioButtonSelect.tsx | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) (limited to 'packages/cli/src/ui/components/shared/RadioButtonSelect.tsx') diff --git a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx index 5430a442..71077f1c 100644 --- a/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx +++ b/packages/cli/src/ui/components/shared/RadioButtonSelect.tsx @@ -5,7 +5,7 @@ */ import React from 'react'; -import { Box, Text } from 'ink'; +import { Text } from 'ink'; import SelectInput, { type ItemProps as InkSelectItemProps, type IndicatorProps as InkSelectIndicatorProps, @@ -78,11 +78,12 @@ export function RadioButtonSelect({ isSelected = false, }: InkSelectIndicatorProps): React.JSX.Element { return ( - - - {isSelected ? '●' : '○'} - - + + {isSelected ? '● ' : '○ '} + ); } @@ -113,14 +114,18 @@ export function RadioButtonSelect({ itemWithThemeProps.themeTypeDisplay ) { return ( - + {itemWithThemeProps.themeNameDisplay}{' '} {itemWithThemeProps.themeTypeDisplay} ); } - return {label}; + return ( + + {label} + + ); } initialIndex = initialIndex ?? 0; -- cgit v1.2.3