diff --git a/packages/app/src/components/ui/segmented-control.tsx b/packages/app/src/components/ui/segmented-control.tsx index e44c4b5fd..d2ac85add 100644 --- a/packages/app/src/components/ui/segmented-control.tsx +++ b/packages/app/src/components/ui/segmented-control.tsx @@ -23,6 +23,7 @@ type SegmentedControlProps = { value: T; onValueChange: (value: T) => void; size?: SegmentedControlSize; + hideLabels?: boolean; style?: StyleProp; testID?: string; }; @@ -32,6 +33,7 @@ export function SegmentedControl({ value, onValueChange, size = "md", + hideLabels = false, style, testID, }: SegmentedControlProps) { @@ -72,12 +74,14 @@ export function SegmentedControl({ {option.icon({ color: iconColor, size: iconSize })} ) : null} - - {option.label} - + {hideLabels ? null : ( + + {option.label} + + )} ); })} diff --git a/packages/app/src/screens/settings-screen.tsx b/packages/app/src/screens/settings-screen.tsx index 8a933269d..d23d4d068 100644 --- a/packages/app/src/screens/settings-screen.tsx +++ b/packages/app/src/screens/settings-screen.tsx @@ -78,16 +78,16 @@ function formatActiveConnectionBadge(input: { return null; } if (activeConnection.type === "relay") { - return { icon: , text: "Relay" }; + return { icon: , text: "Relay" }; } if (activeConnection.type === "directSocket") { - return { icon: , text: "Local" }; + return { icon: , text: "Local" }; } if (activeConnection.type === "directPipe") { - return { icon: , text: "Local" }; + return { icon: , text: "Local" }; } return { - icon: , + icon: , text: activeConnection.display, }; } @@ -230,6 +230,8 @@ const styles = StyleSheet.create((theme) => ({ borderRadius: theme.borderRadius.md, gap: 0, marginLeft: theme.spacing[2], + alignItems: "center", + justifyContent: "center", }, advancedTrigger: { flexDirection: "row", @@ -685,7 +687,7 @@ export default function SettingsScreen() { return Uint8Array.from(bytes).buffer; }, }); - setPlaybackTestResult("Playback command completed."); + setPlaybackTestResult(null); } catch (error) { const message = error instanceof Error ? error.message : String(error); console.error("[Settings] Playback test failed", error); @@ -878,6 +880,7 @@ export default function SettingsScreen() { - Test audio playback - - Plays a built-in PCM sample through the current app audio engine. - + Test audio {playbackTestResult ? ( {playbackTestResult} ) : null} @@ -1463,7 +1463,7 @@ function DaemonCard({ > {({ hovered = false, pressed = false }) => (