Make the directory map toggle match the search bar and show its state

This commit is contained in:
Coracle-Bot 2026-09-25 22:44:16 +00:00
parent 477cc5156d
commit 92f063a30d
2 changed files with 7 additions and 4 deletions

View file

@ -729,7 +729,7 @@ test("US-131 say where you are and find members on a map", async ({seed, as}) =>
await expect(pins).toHaveCount(1) await expect(pins).toHaveCount(1)
await page.getByRole("button", {name: "List"}).click() await showMap.click()
await expect(pins).toHaveCount(0) await expect(pins).toHaveCount(0)

View file

@ -125,9 +125,12 @@
type="text" type="text"
placeholder="Search people or roles..." /> placeholder="Search people or roles..." />
</label> </label>
<Button class="button button-neutral shrink-0" onclick={toggleMap}> <Button
<Icon size={4} icon={showMap ? UsersGroup : MapIcon} /> class="button button-input shrink-0 {showMap ? 'button-primary' : 'button-neutral'}"
{showMap ? "List" : "Map"} aria-pressed={showMap}
onclick={toggleMap}>
<Icon size={4} icon={MapIcon} />
Map
</Button> </Button>
</div> </div>
{#if showMap && visiblePins.length > 0} {#if showMap && visiblePins.length > 0}