fix: admin page script crashes — define:vars bypasses TypeScript compilation; use data attribute instead

This commit is contained in:
Davide Scaini
2026-06-03 11:28:38 +02:00
parent 4641ca9b72
commit ae2737fed1
+3 -2
View File
@@ -3,7 +3,7 @@ import Base from '../../layouts/Base.astro';
const authUrl = import.meta.env.PUBLIC_AUTH_URL ?? '';
---
<Base title="Admin — BincioActivity">
<div class="max-w-3xl mx-auto px-4 py-10">
<div class="max-w-3xl mx-auto px-4 py-10" data-auth-url={authUrl}>
<h1 class="text-2xl font-bold text-white mb-8">Admin</h1>
<!-- Disk overview -->
@@ -113,7 +113,8 @@ const authUrl = import.meta.env.PUBLIC_AUTH_URL ?? '';
</div>
</Base>
<script define:vars={{ authUrl }}>
<script>
const authUrl = (document.querySelector<HTMLElement>('.max-w-3xl[data-auth-url]')?.dataset.authUrl) ?? '';
const overviewEl = document.getElementById('disk-overview')!;
const tbodyEl = document.getElementById('user-list')!;
const dialog = document.getElementById('confirm-dialog') as HTMLDialogElement;