isle.pizza/src/lib/UpdatePopup.svelte
Christian Semmler 804a87e687
Migrate frontend to Svelte 5
- Replace vanilla JS with Svelte 5 components
- Add Vite build system with Terser optimization
- Reorganize assets into src/ and public/ directories
- Update README with setup instructions
2026-01-11 19:10:16 -07:00

25 lines
743 B
Svelte
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script>
import { showUpdatePopup } from '../stores.js';
function reload() {
window.location.reload();
}
function dismiss() {
showUpdatePopup.set(false);
}
</script>
{#if $showUpdatePopup}
<div id="update-popup" class="notification-popup">
<div class="notification-popup-content">
<button class="update-dismiss-btn" aria-label="Dismiss" onclick={dismiss}>×</button>
<div class="update-speech-bubble">
<p class="update-message">A new version just arrived!</p>
<button class="update-reload-btn" onclick={reload}>Reload Now</button>
</div>
</div>
<img src="bonus.webp" alt="Pepper" class="update-character" width="150" height="187">
</div>
{/if}