As a user I want a swap button between the two person fields so I can flip the conversation perspective without retyping #32

New Issue

marcel · 2026-03-20T12:30:23+01:00

marcel commented

2026-03-20 12:30:23 +01:00

Background

The sender/receiver direction determines which side of the timeline bubbles appear on. When a user wants to see the same correspondence from the other person's perspective (or simply entered the names the wrong way around), they currently have to clear both fields and re-enter them.

Desired behaviour

A small ↔ icon button sits between the Person A and Person B typeahead inputs
Clicking it swaps the senderId / receiverId values and immediately re-runs applyFilters()
The button is only shown (or only enabled) when both fields are filled

Implementation notes

Frontend only. The swap is two variable assignments plus applyFilters(). Place the button in the gap between the two typeahead columns — on desktop this sits in the md:grid-cols-2 gap, on mobile it can be a small full-width button between the two fields.

Keep it visually subtle (icon-only, text-gray-400 hover:text-brand-navy) so it doesn't compete with the primary inputs.

## Background The sender/receiver direction determines which side of the timeline bubbles appear on. When a user wants to see the same correspondence from the other person's perspective (or simply entered the names the wrong way around), they currently have to clear both fields and re-enter them. ## Desired behaviour - A small ↔ icon button sits between the Person A and Person B typeahead inputs - Clicking it swaps the `senderId` / `receiverId` values and immediately re-runs `applyFilters()` - The button is only shown (or only enabled) when both fields are filled ## Implementation notes **Frontend only.** The swap is two variable assignments plus `applyFilters()`. Place the button in the gap between the two typeahead columns — on desktop this sits in the `md:grid-cols-2` gap, on mobile it can be a small full-width button between the two fields. Keep it visually subtle (icon-only, `text-gray-400 hover:text-brand-navy`) so it doesn't compete with the primary inputs.

marcel referenced this issue from a commit

2026-03-20 16:22:44 +01:00

feat(conversations): add swap button (#32)

marcel closed this issue

2026-03-20 18:33:34 +01:00

marcel referenced this issue from a commit

2026-03-20 21:33:20 +01:00

feat(conversations): add swap button (#32)

marcel referenced this issue

2026-03-20 21:33:37 +01:00

feat(conversations): swap button, year dividers, summary bar, new-doc link #43

Sign in to join this conversation.