Commit ae010fe55b9c4d96f294a412ec40d44d2145724b | the-knife

1 files changed, 11 insertions(+), 3 deletions(-)

apps/mobile/src/features/threads/ThreadQueueControl.tsx+11-3

...	...	@@ -26,6 +26,7 @@ import { beginQueuedRunEdit, useQueuedRunEdit } from "../../state/queued-run-edi
26	26	import { environmentThreadDetails, threadEnvironment } from "../../state/threads";
27	27	import { useAtomCommand } from "../../state/use-atom-command";
28	28	import {
	29	REMOVE_QUEUED_MESSAGE_ACCESSIBILITY_LABEL,
29	30	buildCancelQueuedRunCommand,
30	31	resolveQueueDragBeforeRunId,
31	32	resolveQueueDropBeforeRunId,
...	...	@@ -502,13 +503,20 @@ function QueueRowSwipeable(props: {
502	503	props.onRemove();
503	504	}}
504	505	renderRightActions={() => (
505		<View
506		className="items-center justify-center bg-danger"
	506	<Pressable
	507	accessibilityRole="button"
	508	accessibilityLabel={REMOVE_QUEUED_MESSAGE_ACCESSIBILITY_LABEL}
	509	disabled={!props.enabled}
	510	onPress={() => {
	511	swipeableRef.current?.close();
	512	props.onRemove();
	513	}}
	514	className="items-center justify-center bg-danger active:opacity-70 disabled:opacity-40"
507	515	style={{ width: REMOVE_ACTION_WIDTH }}
508	516	>
509	517	<SymbolView name="trash" size={16} tintColorClassName="accent-danger-foreground" />
510	518	<Text className="pt-1 text-2xs font-t3-medium text-danger-foreground">Remove</Text>
511		</View>
	519	</Pressable>
512	520	)}
513	521	>
514	522	{props.children}