chore: format code and fix lint issues

Author: diegolmello

app/containers/MediaCallHeader/MediaCallHeader.tsx

@@ -48,7 +48,11 @@ const MediaCallHeader = () => {
 
 	return (
 		<Animated.View
-			style={[styles.header, { ...defaultHeaderStyle, borderBottomColor: colors.strokeLight, paddingTop: insets.top + 12 }, animatedStyle]}
+			style={[
+				styles.header,
+				{ ...defaultHeaderStyle, borderBottomColor: colors.strokeLight, paddingTop: insets.top + 12 },
+				animatedStyle
+			]}
 			pointerEvents={shouldHide ? 'none' : 'auto'}
 			testID='media-call-header'>
 			<Collapse />

app/views/CallView/components/CallButtons.tsx

@@ -52,8 +52,7 @@ export const CallButtons = () => {
 		<Animated.View
 			style={[styles.buttonsContainer, { borderTopColor: colors.strokeExtraLight }, containerStyle]}
 			pointerEvents={controlsVisible ? 'auto' : 'none'}
-			testID='call-buttons'
-		>
+			testID='call-buttons'>
 			<View style={styles.buttonsRow}>
 				<CallActionButton
 					icon={isSpeakerOn ? 'audio' : 'audio-disabled'}

progress-controls-animation.md

@@ -4,14 +4,14 @@
 
 Each slice is independently demoable and builds on the previous one.
 
-| Order | Title | Type | Blocked by | Status |
-|-------|-------|------|------------|--------|
-| 1 | feat: add `controlsVisible` state and actions to call store | AFK | None | [x] |
-| 2 | feat: tap CallerInfo to toggle controls visibility | AFK | #1 | [x] |
-| 3 | feat: animate CallButtons slide-down + fade on toggle | AFK | #2 | [x] |
-| 4 | feat: animate MediaCallHeader slide-up + fade on toggle | AFK | #2 | [x] |
-| 5 | feat: auto-show controls on call state changes | AFK | #1 | [x] |
-| 6 | chore: update tests and snapshots for controls animation | AFK | #2, #3, #4 | [x] |
+| Order | Title                                                       | Type | Blocked by | Status |
+| ----- | ----------------------------------------------------------- | ---- | ---------- | ------ |
+| 1     | feat: add `controlsVisible` state and actions to call store | AFK  | None       | [x]    |
+| 2     | feat: tap CallerInfo to toggle controls visibility          | AFK  | #1         | [x]    |
+| 3     | feat: animate CallButtons slide-down + fade on toggle       | AFK  | #2         | [x]    |
+| 4     | feat: animate MediaCallHeader slide-up + fade on toggle     | AFK  | #2         | [x]    |
+| 5     | feat: auto-show controls on call state changes              | AFK  | #1         | [x]    |
+| 6     | chore: update tests and snapshots for controls animation    | AFK  | #2, #3, #4 | [x]    |
 
 ---
 
@@ -20,6 +20,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** 1, 2, 8
 
 **What to do:**
+
 - Add `controlsVisible: boolean` (default `true`) to `CallStoreState` in useCallStore
 - Add `toggleControlsVisible()` action — flips the boolean
 - Add `showControls()` action — sets `controlsVisible: true`
@@ -35,6 +36,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** 1, 2, 6, 7
 
 **What to do:**
+
 - Wrap CallerInfo outer `<View>` with `<Pressable onPress={toggleControlsVisible} testID='caller-info-toggle'>`
 - Wrap caller name `callerRow` in `<Animated.View>` with fade + slight slide animation driven by `controlsVisible`
 - Avatar stays unwrapped — always visible and centered
@@ -49,6 +51,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** 1, 2, 5, 10
 
 **What to do:**
+
 - Replace outer `<View>` in CallButtons with `<Animated.View>`
 - Add `useAnimatedStyle` for opacity (1→0) and translateY (0→100) driven by `controlsVisible`
 - Set `pointerEvents={controlsVisible ? 'auto' : 'none'}` to block ghost taps
@@ -62,6 +65,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** 1, 2, 5, 11
 
 **What to do:**
+
 - Replace call-active `<View>` in MediaCallHeader with `<Animated.View>`
 - Add `useAnimatedStyle` for opacity (1→0) and translateY (0→-100) driven by `controlsVisible`
 - Guard: only animate when `focused === true`. When `focused === false` (collapsed header bar), always show.
@@ -76,6 +80,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** 3, 4, 8, 9
 
 **What to do:**
+
 - In `handleStateChange` (inside `setCall`): add `set({ controlsVisible: true })`
 - In `handleTrackStateChange` (inside `setCall`): add `set({ controlsVisible: true })`
 - In `toggleFocus`: set `controlsVisible: true` when toggling (always reveal on focus change)
@@ -90,6 +95,7 @@ Each slice is independently demoable and builds on the previous one.
 **User stories:** All (verification)
 
 **What to do:**
+
 - **Store tests:** `toggleControlsVisible` flips value, `showControls` sets true, auto-show on stateChange/trackStateChange, reset restores true, toggleFocus sets true
 - **CallerInfo tests:** pressing `caller-info-toggle` calls `toggleControlsVisible`, snapshot update
 - **CallButtons tests:** `pointerEvents='none'` when `controlsVisible=false`, snapshot update
@@ -101,15 +107,15 @@ Each slice is independently demoable and builds on the previous one.
 
 ## Design Decisions Log
 
-| Question | Decision |
-|----------|----------|
-| What hides? | Everything except avatar — header, buttons, caller name/text |
-| Auto-hide timer? | No — explicit tap only |
-| Animation style? | Slide + fade, ~300ms with `withTiming` |
-| Auto-show on state changes? | Yes — stateChange + trackStateChange events |
-| New state or reuse `focused`? | New `controlsVisible` boolean, orthogonal to `focused` |
-| MediaCallHeader location? | Stays at app root, subscribes to store independently |
-| Tap target? | Center CallerInfo area only (not buttons) |
+| Question                      | Decision                                                     |
+| ----------------------------- | ------------------------------------------------------------ |
+| What hides?                   | Everything except avatar — header, buttons, caller name/text |
+| Auto-hide timer?              | No — explicit tap only                                       |
+| Animation style?              | Slide + fade, ~300ms with `withTiming`                       |
+| Auto-show on state changes?   | Yes — stateChange + trackStateChange events                  |
+| New state or reuse `focused`? | New `controlsVisible` boolean, orthogonal to `focused`       |
+| MediaCallHeader location?     | Stays at app root, subscribes to store independently         |
+| Tap target?                   | Center CallerInfo area only (not buttons)                    |
 
 ## References