From 1047dc0be07286188574104fb2d9e1c77f1bebb2 Mon Sep 17 00:00:00 2001
From: cleo-pleurodon <cleo@posthog.com>
Date: Tue, 23 Dec 2025 12:53:07 -0500
Subject: [PATCH] Add bar option to PostHog places

---
 src/components/HogMap/PlacesMap.tsx | 4 +++-
 src/components/HogMap/SearchBar.tsx | 2 +-
 src/components/HogMap/types.ts      | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/HogMap/PlacesMap.tsx b/src/components/HogMap/PlacesMap.tsx
index d8cebc1fa26e..cc5063b9553c 100644
--- a/src/components/HogMap/PlacesMap.tsx
+++ b/src/components/HogMap/PlacesMap.tsx
@@ -6,7 +6,7 @@ import { useUserLocation } from '../../hooks/useUserLocation'
 import SearchBar, { createSearchMarker } from './SearchBar'
 import { usePlacesMapData, Coordinates } from './PlacesLayer'
 import { renderToString } from 'react-dom/server'
-import { IconBuilding, IconBed, IconBurger, IconCoffee, IconLaptop, IconTelescope } from '@posthog/icons'
+import { IconBuilding, IconBed, IconBurger, IconCoffee, IconLaptop, IconTelescope, IconFlask } from '@posthog/icons'
 import {
     computeOffsets,
     getMapbox,
@@ -31,6 +31,8 @@ export const getPlaceIcon = (type: string, size = 'size-4'): { icon: JSX.Element
             return { icon: <IconBed className={size} />, colorClass: 'bg-purple text-white' }
         case PlaceType.CO_WORKING:
             return { icon: <IconLaptop className={size} />, colorClass: 'bg-green text-white' }
+        case PlaceType.BAR:
+            return { icon: <IconFlask className={size} />, colorClass: 'bg-teal text-white' }
         case PlaceType.OFFSITE:
             return { icon: <IconTelescope className={size} />, colorClass: 'bg-orange text-white' }
         default:
diff --git a/src/components/HogMap/SearchBar.tsx b/src/components/HogMap/SearchBar.tsx
index e619a4af6bc0..183bcce615da 100644
--- a/src/components/HogMap/SearchBar.tsx
+++ b/src/components/HogMap/SearchBar.tsx
@@ -371,7 +371,7 @@ export function createSearchMarker({
     selectLabel.className = 'block text-xs text-secondary mb-1'
     selectLabel.textContent = 'Place type'
     const select = document.createElement('select')
-    ;['Coffee', 'Restaurant', 'Airbnb', 'Hotel', 'Co-working'].forEach((opt) => {
+    ;['Coffee', 'Restaurant', 'Airbnb', 'Hotel', 'Co-working', 'Bar'].forEach((opt) => {
         const o = document.createElement('option')
         o.value = opt
         o.textContent = opt
diff --git a/src/components/HogMap/types.ts b/src/components/HogMap/types.ts
index a2b436717c3a..71ce14b5a584 100644
--- a/src/components/HogMap/types.ts
+++ b/src/components/HogMap/types.ts
@@ -4,6 +4,7 @@ export enum PlaceType {
     HOTEL = 'Hotel',
     AIRBNB = 'Airbnb',
     CO_WORKING = 'Co-working',
+    BAR = 'Bar',
     //OFFSITE = 'Offsite',
 }
 export interface PlaceItem {