Add bar option to PostHog places

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:

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

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 {