fix: Add public/private icon

purplebugs · Jul 17, 2024 · 3d0892c · 3d0892c
1 parent 012be78
commit 3d0892c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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>