Skip to content

feat(mobile): native iOS segmented control for My Issues scope switcher (MUL-3402)#4270

Open
voska wants to merge 1 commit into
multica-ai:mainfrom
voska:feat/native-segmented-scope-control
Open

feat(mobile): native iOS segmented control for My Issues scope switcher (MUL-3402)#4270
voska wants to merge 1 commit into
multica-ai:mainfrom
voska:feat/native-segmented-scope-control

Conversation

@voska

@voska voska commented Jun 17, 2026

Copy link
Copy Markdown
Contributor

What does this PR do?

Replaces the custom outline-pill row in the My Issues scope switcher (Assigned / Created / Agents) with the native iOS UISegmentedControl (@react-native-segmented-control, already a dependency).

This brings the authentic iOS connected-segment look, the native sliding-selection animation, and the system selection haptic on change — none of which the hand-rolled pills had.

Related Issue

N/A — native-feel polish; no tracking issue.

Closes #

Type of Change

  • New feature (non-breaking change that adds functionality)
  • Refactor / code improvement (no behavior change)

Changes Made

  • app/(app)/[workspace]/(tabs)/my-issues.tsxScopeToolbar now renders <SegmentedControl> instead of a row of outline <Button> pills; appearance follows the app color scheme for dark mode. Net −3 lines (the native control replaces hand-rolled markup).

How to Test

  1. Open My Issues.
  2. The Assigned / Created / Agents switcher renders as a native iOS segmented control.
  3. Tapping a segment slides the selection (and fires a selection haptic on device).

Checklist

  • If this change affects the UI, I have included before/after screenshots
  • pnpm typecheck passes; verified manually in the iOS Simulator
  • No automated test — native control rendering

AI Disclosure

AI tool used: Claude Code

Prompt / approach: Identified the hand-rolled pills as a non-native pattern during a native-feel review, then swapped to the already-installed native UISegmentedControl. Verified before/after + the slide animation in the iOS Simulator.

Screenshots

Before (custom pills) / after (native segmented control):
Segmented before/after

Sliding-selection clip: native-segmented-slide.mp4

Replace the custom outline-pill row (Assigned / Created / Agents) with the
native UISegmentedControl (@react-native-segmented-control, already a dep).
Brings the authentic iOS connected-segment look + sliding selection animation
+ the system selection haptic on change — none of which the hand-rolled pills
had. Appearance follows the app color scheme for dark mode.
@vercel

vercel Bot commented Jun 17, 2026

Copy link
Copy Markdown

@voska is attempting to deploy a commit to the IndexLabs Team on Vercel.

A member of the Team first needs to authorize it.

@Bohan-J Bohan-J changed the title feat(mobile): native iOS segmented control for My Issues scope switcher feat(mobile): native iOS segmented control for My Issues scope switcher (MUL-3402) Jun 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant