1.13.0

Add some white space to place details bottom
Add email links
2026-03-11 16:14:04 +04:00 · 2026-03-11 16:07:37 +04:00 · 2026-03-11 15:22:34 +04:00
9 changed files with 33 additions and 7 deletions
@@ -12,6 +12,7 @@ import home from 'feather-icons/dist/icons/home.svg?raw';
 import instagram from 'feather-icons/dist/icons/instagram.svg?raw';
 import logIn from 'feather-icons/dist/icons/log-in.svg?raw';
 import logOut from 'feather-icons/dist/icons/log-out.svg?raw';
+import mail from 'feather-icons/dist/icons/mail.svg?raw';
 import map from 'feather-icons/dist/icons/map.svg?raw';
 import mapPin from 'feather-icons/dist/icons/map-pin.svg?raw';
 import menu from 'feather-icons/dist/icons/menu.svg?raw';
@@ -39,6 +40,7 @@ const ICONS = {
  instagram,
  'log-in': logIn,
  'log-out': logOut,
+  mail,
  map,
  'map-pin': mapPin,
  menu,
@@ -111,6 +111,12 @@ export default class PlaceDetails extends Component {
      );
    }

+    if (type === 'email') {
+      return htmlSafe(
+        parts.map((p) => `<a href="mailto:${p}">${p}</a>`).join('<br>')
+      );
+    }
+
    if (type === 'url') {
      return htmlSafe(
        parts
@@ -132,6 +138,11 @@ export default class PlaceDetails extends Component {
    return this.formatMultiLine(val, 'phone');
  }

+  get email() {
+    const val = this.tags.email || this.tags['contact:email'];
+    return this.formatMultiLine(val, 'email');
+  }
+
  get website() {
    const val =
      this.place.url || this.tags.website || this.tags['contact:website'];
@@ -301,6 +312,15 @@ export default class PlaceDetails extends Component {
          </p>
        {{/if}}

+        {{#if this.email}}
+          <p class="content-with-icon">
+            <Icon @name="mail" @title="Email" />
+            <span>
+              {{this.email}}
+            </span>
+          </p>
+        {{/if}}
+
        {{#if this.facebook}}
          <p class="content-with-icon">
            <Icon @name="facebook" @title="Facebook" />
@@ -427,6 +427,10 @@ body {
  justify-content: center;
 }

+.place-details {
+  padding-bottom: 2rem;
+}
+
 .place-details h3 {
  font-size: 1.2rem;
  margin-top: 0;
@@ -1,6 +1,6 @@
 {
  "name": "marco",
-  "version": "1.12.3",
+  "version": "1.13.0",
  "private": true,
  "description": "Unhosted maps app",
  "repository": {
@@ -39,8 +39,8 @@
    <meta name="msapplication-TileColor" content="#F6E9A6">
    <meta name="msapplication-TileImage" content="/icons/icon-144.png">

-  <script type="module" crossorigin src="/assets/main-dKBF4UHr.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main-DoLYcE7E.css">
+  <script type="module" crossorigin src="/assets/main-BKvJYcmy.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/main-BeloONRF.css">
 </head>
  <body>
 </body>
Author	SHA1	Message	Date
raucao	ac089286bd	1.13.0	2026-03-11 16:14:04 +04:00
raucao	b07640375a	Add some white space to place details bottom CI / Lint (pull_request) Successful in 23s Details CI / Test (pull_request) Successful in 39s Details	2026-03-11 16:07:37 +04:00
raucao	ffcb8219b0	Add email links	2026-03-11 15:22:34 +04:00