authorgravatar for me@pixp.ccAlex <me@pixp.cc> 2026-10-04 00:09:31-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-04 04:09:31-03:00
logae010fe55b9c4d96f294a412ec40d44d2145724b
tree6be3217bd93ae2e361f4e66bf138bf262cbcbe43
parent6e0abd5a10a646337076a9baf7f6502dc4f0e74d
signature Signed by PGP key B5690EEEBB952194

fix(mobile): make queued message removal tappable (#15417)

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