Add tsunami warning

breadthe · Mar 3, 2023 · af4863b · af4863b
1 parent c3c444b
commit af4863b
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/Main.svelte b/src/Main.svelte
@@ -54,6 +54,27 @@
                   ><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" /><circle cx="12" cy="10" r="3" /></svg
                 >
               </a>
+
+              {#if feature.properties.tsunami === 1}
+                <span
+                  class="text-blue-600"
+                  title="There is a tsunami warning associated with this earthquake."
+                  use:tooltip={{ theme: "dark-border" }}
+                >
+                  <svg
+                    width="20"
+                    height="20"
+                    stroke="currentColor"
+                    stroke-width="3"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 79.72 45.59"
+                    ><path
+                      d="M1,45.57c-1.33-.23-1.27-2.35.24-2C21.32,42.3,23.55-7.54,59.07,1,61,1.17,72.6,5,65.77,6c-8.3-1.31-14.51,6.83-16,14.18C47.16,30,55.64,39.8,65.47,40.11,68.91,41.25,78,39.88,79.72,42a1,1,0,0,1-1,.95c-8.81-.53-19,.75-25.9-5.88C42,27.82,47.46,7.76,60.75,3.89a26.77,26.77,0,0,0-10.46-1.4h0C24.22,3,20.9,46.63,1,45.57Z"
+                      fill="#010101"
+                    /></svg
+                  >
+                </span>
+              {/if}
             </p>
             <small class="text-xs text-gray-600 dark:text-gray-400">
               {timestampToLocalString(feature.properties.time)}