Employee map pineapple icon#14407
Merged
rafaeelaudibert merged 6 commits intomasterfrom Jan 17, 2026
Merged
Conversation
- Added toggle switch to show/hide pineapple preference icons - Updated GraphQL query to fetch pineappleOnPizza data for team members - Added pineapple sticker icons to Avatar component (left side of avatar) - Displays appropriate sticker based on preference: yes, no, or unknown Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
|
Cursor Agent can help with this pull request. Just |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Added toggle switch in the map view to show/hide pineapple preferences - Updated ProfileNode type to include pineappleOnPizza field - Added pineapple indicator icons next to employee avatars on the map: - Green with pineapple emoji for those who love it - Red with no emoji for those who don't - Gray with question mark for undecided - Toggle appears in top-left corner of the map view Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
- Added 'Group' toggle to enable/disable clustering of people on the map - Toggle is on by default (showing clusters when zoomed out) - Placed above the pineapple toggle in the top-left corner - When disabled, shows individual avatars at all zoom levels Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
Member
Author
|
@cursor expose the option to render the team mini badge in there as well! It should be exclusive with Pinneaple. Also, add some styling to the selector along the lines of "Render badge" or just "badge" to separate it from the group option. Also rename "group" to "clustering" in the UI, it will look much better |
|
Taking a look! |
- Renamed 'Group' toggle to 'Clustering' for clarity - Added 'Small Team' badge option showing team mini crests - Refactored badge creation into separate function (createBadgeElement) that accepts badge type and profile data - Badge options: None, Pineapple, Team (with mini crest icons) - Added GraphQL query for team mini crest data - Updated UI with badge type selector buttons Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
Member
Author
|
@cursor when a badge is selected the text is white rather than keeping the gray text You should take inspiration from the List / Map selector we already have to understand how to make this work great |
|
Taking a look! |
Member
Author
|
@cursor do we really need the changes on Avatar/index.tsx? It looks like you're handling everything on PeopleMap.tsx. Remove that if it's not needed, please. |
|
Fixed the badge selector styling to match the List/Map toggle behavior:
The badge selector now behaves like the List/Map toggle - only the background color changes when an option is selected, while the text remains the same gray color. |
- Remove text-white from selected badge buttons - Use text-primary font-medium for consistent gray text color - Use bg-primary/bg-accent for proper theme integration - Matches the styling behavior of the ToggleGroup component Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
- Reverted Avatar/index.tsx pineapple badge additions - Reverted AboutTeam/index.tsx toggle additions - The pineapple/team badge feature is only needed in PeopleMap.tsx Co-authored-by: rafaeelaudibert <rafaeelaudibert@gmail.com>
sarahxsanders
pushed a commit
that referenced
this pull request
Jan 26, 2026
## Changes Adds a toggle to the employee map to display team members' pineapple on pizza preferences. When enabled, an icon (yes, no, or unknown) appears next to each avatar with a descriptive tooltip. The toggle is off by default. ## Checklist - [ ] Words are spelled using American English - [ ] PostHog product names are in [title case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/title-case). It's "Product Analytics" not "Product analytics". If talking about a category of product, use sentence case e.g. "There are a lot of product analytics tools, but PostHog's Product Analytics is the best" - [ ] Titles are in [sentence case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/sentence-case) - [ ] Feature names are in **[sentence case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/sentence-case)**. It's "Click here to create a trend insight" not "... create a Trend Insight" and so on. - [ ] Use relative URLs for internal links - [ ] If I moved a page, I added a redirect in `vercel.json` --- [Slack Thread](https://posthog.slack.com/archives/D0A8UV4HBNF/p1768512645178749?thread_ts=1768512645.178749&cid=D0A8UV4HBNF) <a href="https://cursor.com/background-agent?bcId=bc-f6dd47a6-67c0-4de8-96db-d5a7706c2fc8"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-cursor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-cursor-light.svg"><img alt="Open in Cursor" src="https://cursor.com/open-in-cursor.svg"></picture></a> <a href="https://cursor.com/agents?id=bc-f6dd47a6-67c0-4de8-96db-d5a7706c2fc8"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-web-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-web-light.svg"><img alt="Open in Web" src="https://cursor.com/open-in-web.svg"></picture></a>
![https://cursor.com/open-in-cursor-dark.svg"><source](https://cursor.com/open-in-cursor-dark.svg"><source){kind=link}
![https://cursor.com/open-in-cursor-light.svg"><img](https://cursor.com/open-in-cursor-light.svg"><img){kind=link}
![https://cursor.com/open-in-cursor.svg"></picture></a> <a](https://cursor.com/open-in-cursor.svg"></picture></a> <a){kind=link}
![https://cursor.com/open-in-web-dark.svg"><source](https://cursor.com/open-in-web-dark.svg"><source){kind=link}
![https://cursor.com/open-in-web-light.svg"><img](https://cursor.com/open-in-web-light.svg"><img){kind=link}
![https://cursor.com/open-in-web.svg"></picture></a](https://cursor.com/open-in-web.svg"></picture></a){kind=link}
sarahxsanders
pushed a commit
that referenced
this pull request
Feb 27, 2026
## Changes Adds a toggle to the employee map to display team members' pineapple on pizza preferences. When enabled, an icon (yes, no, or unknown) appears next to each avatar with a descriptive tooltip. The toggle is off by default. ## Checklist - [ ] Words are spelled using American English - [ ] PostHog product names are in [title case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/title-case). It's "Product Analytics" not "Product analytics". If talking about a category of product, use sentence case e.g. "There are a lot of product analytics tools, but PostHog's Product Analytics is the best" - [ ] Titles are in [sentence case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/sentence-case) - [ ] Feature names are in **[sentence case](https://apastyle.apa.org/style-grammar-guidelines/capitalization/sentence-case)**. It's "Click here to create a trend insight" not "... create a Trend Insight" and so on. - [ ] Use relative URLs for internal links - [ ] If I moved a page, I added a redirect in `vercel.json` --- [Slack Thread](https://posthog.slack.com/archives/D0A8UV4HBNF/p1768512645178749?thread_ts=1768512645.178749&cid=D0A8UV4HBNF) <a href="https://cursor.com/background-agent?bcId=bc-f6dd47a6-67c0-4de8-96db-d5a7706c2fc8"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-cursor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-cursor-light.svg"><img alt="Open in Cursor" src="https://cursor.com/open-in-cursor.svg"></picture></a> <a href="https://cursor.com/agents?id=bc-f6dd47a6-67c0-4de8-96db-d5a7706c2fc8"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-web-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-web-light.svg"><img alt="Open in Web" src="https://cursor.com/open-in-web.svg"></picture></a>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Changes
Adds a toggle to the employee map to display team members' pineapple on pizza preferences. When enabled, an icon (yes, no, or unknown) appears next to each avatar with a descriptive tooltip. The toggle is off by default.
Checklist
vercel.jsonSlack Thread