From 760c3d7b67963105f155a43297f165b7e672b074 Mon Sep 17 00:00:00 2001
From: Paul Nothaft <paul@MacStudio-von-Paul.local>
Date: Fri, 3 Jul 2026 08:57:48 +0200
Subject: [PATCH] fix(admin): stray literal "0" rendered from SQLite integer
 booleans

On SQLite deployments boolean event columns come back as 0/1, and
{event.is_draft && ...} renders the 0 as a literal text node. Visible on
the event details page in three spots: above the tab bar (is_draft),
in the download-protection badge row (disable_right_click /
enable_devtools_protection / watermark_downloads), and in the Client
Access card (client_access_enabled). Coerce with !! at the render sites.
---
 frontend/src/pages/admin/EventDetailsPage.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/admin/EventDetailsPage.tsx b/frontend/src/pages/admin/EventDetailsPage.tsx
index 3c5e4e4f..c88750f6 100644
--- a/frontend/src/pages/admin/EventDetailsPage.tsx
+++ b/frontend/src/pages/admin/EventDetailsPage.tsx
@@ -1053,7 +1053,8 @@ export const EventDetailsPage: React.FC = () => {
       </div>
 
       {/* Draft Banner */}
-      {event.is_draft && !event.is_archived && (
+      {/* !! — SQLite returns integer booleans; a bare 0 would render as literal "0" */}
+      {!!event.is_draft && !event.is_archived && (
         <Card className="p-4 mb-6 border-2 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20">
           <div className="flex items-start gap-3">
             <AlertTriangle className="w-5 h-5 flex-shrink-0 text-yellow-600 dark:text-yellow-400" />
@@ -1910,13 +1911,14 @@ export const EventDetailsPage: React.FC = () => {
                       }`}>
                         {event.protection_level || 'standard'}
                       </span>
-                      {event.disable_right_click && (
+                      {/* !! on the next three — SQLite integer booleans render literal "0" when falsy */}
+                      {!!event.disable_right_click && (
                         <span className="inline-flex items-center px-2 py-1 text-xs font-medium bg-neutral-100 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300 rounded">
                           <MousePointer className="w-3 h-3 mr-1" />
                           {t('events.rightClickBlocked', 'Right-click blocked')}
                         </span>
                       )}
-                      {event.enable_devtools_protection && (
+                      {!!event.enable_devtools_protection && (
                         <span className="inline-flex items-center px-2 py-1 text-xs font-medium bg-neutral-100 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300 rounded">
                           <Monitor className="w-3 h-3 mr-1" />
                           {t('events.devtoolsDetection', 'DevTools detection')}
@@ -1928,7 +1930,7 @@ export const EventDetailsPage: React.FC = () => {
                           {t('events.downloadsDisabled', 'Downloads disabled')}
                         </span>
                       )}
-                      {event.watermark_downloads && (
+                      {!!event.watermark_downloads && (
                         <span className="inline-flex items-center px-2 py-1 text-xs font-medium bg-neutral-100 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300 rounded">
                           <Droplets className="w-3 h-3 mr-1" />
                           {t('events.watermarked', 'Watermarked')}
@@ -2068,7 +2070,8 @@ export const EventDetailsPage: React.FC = () => {
                 </div>
               </label>
 
-              {event?.client_access_enabled && (
+              {/* !! — SQLite integer boolean; bare 0 renders as literal "0" */}
+              {!!event?.client_access_enabled && (
                 <>
                   {/* Set/Change PIN */}
                   <div className="flex items-end gap-2">