update announcement

This commit is contained in:
liamcottle 2025-06-15 19:01:13 +12:00
parent de1cfd4222
commit 09a2bcb3ad

View file

@ -146,20 +146,20 @@
<div class="flex flex-col h-full"> <div class="flex flex-col h-full">
<!-- announcement --> <!-- announcement -->
<div v-if="isShowingAnnouncement" class="flex bg-yellow-300 p-2 border-gray-300 border-b"> <div v-if="isShowingAnnouncement" class="flex bg-gray-900 text-white p-2 border-gray-300 border-b">
<!-- info --> <!-- info -->
<div class="my-auto leading-tight"> <div class="my-auto leading-tight">
<div class="font-bold">Service Announcement</div> <div class="font-bold">Introducing MeshCore</div>
<div class="text-sm"> <div class="text-sm">
<span>Changes were made to mqtt.meshtastic.org. Uplink your nodes to <button @click="isShowingInfoModal = true" type="button" class="link">our MQTT server</button> to continue showing on this map.</span> <span>Looking for a new mesh project to tinker with? Check out <a target="_blank" href="https://meshcore.nz" class="underline">MeshCore</a></span>
</div> </div>
</div> </div>
<!-- action buttons --> <!-- action buttons -->
<div class="flex my-auto ml-auto mr-0 sm:mr-2"> <div class="flex my-auto ml-auto mr-0 sm:mr-2">
<a @click="dismissAnnouncement" href="javascript:void(0)" class="rounded-full"> <a @click="dismissAnnouncement" href="javascript:void(0)" class="rounded-full">
<div class="bg-white hover:bg-gray-100 p-2 rounded-full"> <div class="bg-white text-black hover:bg-gray-100 p-2 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg> </svg>
@ -1892,7 +1892,7 @@
methods: { methods: {
getAnnouncementId: function() { getAnnouncementId: function() {
// change this when making a new announcement // change this when making a new announcement
return "1"; return "2";
}, },
shouldShowAnnouncement: function() { shouldShowAnnouncement: function() {
const lastSeenAnnouncementId = window.localStorage.getItem("last-seen-announcement-id"); const lastSeenAnnouncementId = window.localStorage.getItem("last-seen-announcement-id");