From 3d0892cc5a9bf6330dfdf144b9abd2e97078f0d1 Mon Sep 17 00:00:00 2001
From: Anita Lipsky <anita@purplebugs.com>
Date: Wed, 17 Jul 2024 18:14:27 +0200
Subject: [PATCH] fix: Add public/private icon

---
 src/alpaca-map-marker.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/alpaca-map-marker.js b/src/alpaca-map-marker.js
index 4a40650..d26daa1 100644
--- a/src/alpaca-map-marker.js
+++ b/src/alpaca-map-marker.js
@@ -1,4 +1,5 @@
 import { LitElement, html, css } from "lit";
+import { iconStyles, iconHouseFlag, iconKey } from "./svg-icons";
 
 export default class AlpacaMapMarker extends LitElement {
   static properties = {
@@ -21,6 +22,7 @@ export default class AlpacaMapMarker extends LitElement {
   };
 
   static styles = [
+    iconStyles,
     css`
       /********* Farm styles in unhighlighted state *********/
       /* Ref: https://developers.google.com/maps/documentation/javascript/advanced-markers/html-markers#maps_advanced_markers_html-css */
@@ -137,7 +139,11 @@ export default class AlpacaMapMarker extends LitElement {
   render() {
     return html` <div class="farm ${this.category} ${this.highlight}">
       <div class="summary">
-        <div class="icon">TODO Icon ${this.highlight}</div>
+        <div class="icon">
+          ${this.category === "private"
+            ? iconKey().htmlObject
+            : iconHouseFlag().htmlObject}
+        </div>
         <div class="count">${this.count} 🦙</div>
       </div>