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.
This commit is contained in:
Paul Nothaft
2026-07-03 08:57:48 +02:00
parent 8c86518aad
commit 760c3d7b67
@@ -1053,7 +1053,8 @@ export const EventDetailsPage: React.FC = () => {
</div> </div>
{/* Draft Banner */} {/* 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"> <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"> <div className="flex items-start gap-3">
<AlertTriangle className="w-5 h-5 flex-shrink-0 text-yellow-600 dark:text-yellow-400" /> <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'} {event.protection_level || 'standard'}
</span> </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"> <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" /> <MousePointer className="w-3 h-3 mr-1" />
{t('events.rightClickBlocked', 'Right-click blocked')} {t('events.rightClickBlocked', 'Right-click blocked')}
</span> </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"> <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" /> <Monitor className="w-3 h-3 mr-1" />
{t('events.devtoolsDetection', 'DevTools detection')} {t('events.devtoolsDetection', 'DevTools detection')}
@@ -1928,7 +1930,7 @@ export const EventDetailsPage: React.FC = () => {
{t('events.downloadsDisabled', 'Downloads disabled')} {t('events.downloadsDisabled', 'Downloads disabled')}
</span> </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"> <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" /> <Droplets className="w-3 h-3 mr-1" />
{t('events.watermarked', 'Watermarked')} {t('events.watermarked', 'Watermarked')}
@@ -2068,7 +2070,8 @@ export const EventDetailsPage: React.FC = () => {
</div> </div>
</label> </label>
{event?.client_access_enabled && ( {/* !! — SQLite integer boolean; bare 0 renders as literal "0" */}
{!!event?.client_access_enabled && (
<> <>
{/* Set/Change PIN */} {/* Set/Change PIN */}
<div className="flex items-end gap-2"> <div className="flex items-end gap-2">