From 6475517190c0b2d6cf50b6e74a9e27ab0c8e8436 Mon Sep 17 00:00:00 2001
From: dvdrw <admin@dvdrw.dev>
Date: Thu, 16 Jul 2026 18:26:24 +0200
Subject: [PATCH] feat: make band logo optional on break screen

---
 src/dashboard/ChoreoPanel.tsx | 12 ++++++++++++
 src/extension/replicants.ts   |  1 +
 src/graphics/Break.tsx        |  2 +-
 src/i18n/en.ts                |  1 +
 src/i18n/sr.ts                |  1 +
 src/types/choreo.d.ts         |  2 ++
 6 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/dashboard/ChoreoPanel.tsx b/src/dashboard/ChoreoPanel.tsx
index adc2bbc..e218a42 100644
--- a/src/dashboard/ChoreoPanel.tsx
+++ b/src/dashboard/ChoreoPanel.tsx
@@ -164,11 +164,21 @@ export function ChoreoPanel() {
                 />
               </label>
             </div>
+            <label className="flex items-center gap-2 text-xs text-gray-600">
+              <input
+                type="checkbox"
+                className="h-4 w-4"
+                checked={slide.logoVisible ?? true}
+                onChange={(e) => updateSlide({ logoVisible: e.target.checked })}
+              />
+              {t.choreo.showLogo}
+            </label>
             <div className="grid grid-cols-2 gap-2">
               <label className="text-xs text-gray-600">
                 {t.choreo.logoLabel}
                 <select
                   className={inputCls}
+                  disabled={!(slide.logoVisible ?? true)}
                   value={slide.logoName ?? ""}
                   onChange={(e) =>
                     updateSlide({ logoName: e.target.value || null })
@@ -187,6 +197,7 @@ export function ChoreoPanel() {
                 <input
                   type="range"
                   className="w-full"
+                  disabled={!(slide.logoVisible ?? true)}
                   min={80}
                   max={480}
                   step={10}
@@ -201,6 +212,7 @@ export function ChoreoPanel() {
               <input
                 type="checkbox"
                 className="h-4 w-4"
+                disabled={!(slide.logoVisible ?? true)}
                 checked={slide.logoInverted ?? false}
                 onChange={(e) => updateSlide({ logoInverted: e.target.checked })}
               />
diff --git a/src/extension/replicants.ts b/src/extension/replicants.ts
index 7df06fb..8686ad8 100644
--- a/src/extension/replicants.ts
+++ b/src/extension/replicants.ts
@@ -77,6 +77,7 @@ export function declareReplicants(nodecg: NodeCG.ServerAPI): Replicants {
     heading: branding.breakHeading ?? seed.breakHeading,
     nextActName: "",
     nextActFrom: "",
+    logoVisible: true,
     logoInverted: false,
     logoName: null,
     logoHeightPx: 240,
diff --git a/src/graphics/Break.tsx b/src/graphics/Break.tsx
index 50f0236..13f57f3 100644
--- a/src/graphics/Break.tsx
+++ b/src/graphics/Break.tsx
@@ -113,7 +113,7 @@ export function Break() {
         <div className="text-6xl font-medium tracking-wide text-white/80">
           {slide?.heading}
         </div>
-        {logoUrl && (
+        {(slide?.logoVisible ?? true) && logoUrl && (
           <img
             src={logoUrl}
             alt=""
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index bc1eb38..cd2bb65 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -64,6 +64,7 @@ export const en = {
     headingLabel: "Heading",
     nextActNameLabel: "Next act",
     nextActFromLabel: "Where they're from",
+    showLogo: "Show act logo",
     logoLabel: "Act logo",
     logoAuto: "Automatic (first image)",
     logoSizeLabel: (px: number) => `Logo size (${px}px)`,
diff --git a/src/i18n/sr.ts b/src/i18n/sr.ts
index bf1b6a4..08dadbe 100644
--- a/src/i18n/sr.ts
+++ b/src/i18n/sr.ts
@@ -59,6 +59,7 @@ export const sr: Strings = {
     headingLabel: "Naslov",
     nextActNameLabel: "Sledeći nastup",
     nextActFromLabel: "Odakle su",
+    showLogo: "Prikaži logo benda",
     logoLabel: "Logo benda",
     logoAuto: "Automatski (prva slika)",
     logoSizeLabel: (px: number) => `Veličina logoa (${px}px)`,
diff --git a/src/types/choreo.d.ts b/src/types/choreo.d.ts
index dcefff0..96fde05 100644
--- a/src/types/choreo.d.ts
+++ b/src/types/choreo.d.ts
@@ -23,6 +23,8 @@ export interface BreakSlide {
   heading: string;
   nextActName: string;
   nextActFrom: string;
+  /** show the band logo at all (hide when no act logo makes sense) */
+  logoVisible: boolean;
   /** invert the band logo's colors (dark logo on the dark background) */
   logoInverted: boolean;
   /** `base` of the assets:break-logo file to show; null = first uploaded */