From 0234ee654e7f4852f0bfe7a8829021462d97b450 Mon Sep 17 00:00:00 2001
From: Alex Lion <dev@alexandrelion.com>
Date: Tue, 4 Aug 2026 22:21:28 +0700
Subject: [PATCH] Hide focus panel when no attendee content

---
 lib/claper_web/live/event_live/show.html.heex | 27 +++++++------------
 priv/gettext/de/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/default.pot                      |  5 ----
 priv/gettext/en/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/es/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/fr/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/hu/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/it/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/lv/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/nl/LC_MESSAGES/default.po        |  5 ----
 priv/gettext/sv/LC_MESSAGES/default.po        |  5 ----
 test/claper_web/live/event_live/show_test.exs | 12 +++++++++
 12 files changed, 22 insertions(+), 67 deletions(-)

diff --git a/lib/claper_web/live/event_live/show.html.heex b/lib/claper_web/live/event_live/show.html.heex
index 7da3ff6..89b6104 100644
--- a/lib/claper_web/live/event_live/show.html.heex
+++ b/lib/claper_web/live/event_live/show.html.heex
@@ -132,6 +132,7 @@
       </header>
 
       <section
+        :if={focus_content?}
         id="focus-slot"
         phx-hook="AttendeeFocus"
         data-focus-key={focus_key(@current_interaction, @state.position)}
@@ -139,9 +140,8 @@
         data-interaction-mode={to_string(interaction_mode?)}
         class={[
           "relative z-10 min-h-0 overflow-hidden border-y border-white/10 bg-gray-950 transition-[height] duration-300",
-          focus_content? && interaction_mode? && "h-auto max-h-[40dvh]",
-          focus_content? && !interaction_mode? && "h-[40dvh] min-h-40 max-h-[26rem]",
-          !focus_content? && "h-12"
+          interaction_mode? && "h-auto max-h-[40dvh]",
+          !interaction_mode? && "h-[40dvh] min-h-40 max-h-[26rem]"
         ]}
       >
         <div
@@ -206,20 +206,13 @@
               />
             </div>
           <% _ -> %>
-            <%= if @current_slide_url do %>
-              <div id="focus-media" class="relative h-full w-full bg-black">
-                <img
-                  src={@current_slide_url}
-                  alt={gettext("Current presentation slide")}
-                  class="h-full w-full object-contain"
-                />
-              </div>
-            <% else %>
-              <div class="flex h-full items-center justify-between gap-3 px-4 text-sm text-gray-400">
-                <span>{gettext("Waiting for content")}</span>
-                <span class="h-2 w-2 animate-pulse rounded-full bg-primary-400"></span>
-              </div>
-            <% end %>
+            <div id="focus-media" class="relative h-full w-full bg-black">
+              <img
+                src={@current_slide_url}
+                alt={gettext("Current presentation slide")}
+                class="h-full w-full object-contain"
+              />
+            </div>
         <% end %>
 
         <button
diff --git a/priv/gettext/de/LC_MESSAGES/default.po b/priv/gettext/de/LC_MESSAGES/default.po
index 07dbf6c..d6ecaca 100644
--- a/priv/gettext/de/LC_MESSAGES/default.po
+++ b/priv/gettext/de/LC_MESSAGES/default.po
@@ -3279,11 +3279,6 @@ msgstr "Spitznamen wählen"
 msgid "Set your nickname to participate"
 msgstr "Spitznamen wählen, um teilzunehmen"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Warten auf Inhalt"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 2417d42..9067d27 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -3281,11 +3281,6 @@ msgstr ""
 msgid "Set your nickname to participate"
 msgstr ""
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr ""
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 9876904..6b08aef 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -3279,11 +3279,6 @@ msgstr ""
 msgid "Set your nickname to participate"
 msgstr ""
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr ""
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format, fuzzy
 msgid "new messages"
diff --git a/priv/gettext/es/LC_MESSAGES/default.po b/priv/gettext/es/LC_MESSAGES/default.po
index e57d650..5071e68 100644
--- a/priv/gettext/es/LC_MESSAGES/default.po
+++ b/priv/gettext/es/LC_MESSAGES/default.po
@@ -3279,11 +3279,6 @@ msgstr "Elige un apodo"
 msgid "Set your nickname to participate"
 msgstr "Elige un apodo para participar"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Esperando contenido"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/fr/LC_MESSAGES/default.po b/priv/gettext/fr/LC_MESSAGES/default.po
index 6e32ad8..4ddc96b 100644
--- a/priv/gettext/fr/LC_MESSAGES/default.po
+++ b/priv/gettext/fr/LC_MESSAGES/default.po
@@ -3283,11 +3283,6 @@ msgstr "Choisir un pseudo"
 msgid "Set your nickname to participate"
 msgstr "Choisir un pseudo pour participer"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "En attente de contenu"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/hu/LC_MESSAGES/default.po b/priv/gettext/hu/LC_MESSAGES/default.po
index c992916..b98548a 100644
--- a/priv/gettext/hu/LC_MESSAGES/default.po
+++ b/priv/gettext/hu/LC_MESSAGES/default.po
@@ -3279,11 +3279,6 @@ msgstr "Becenév megadása"
 msgid "Set your nickname to participate"
 msgstr "Becenév megadása a részvételhez"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Várakozás a tartalomra"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/it/LC_MESSAGES/default.po b/priv/gettext/it/LC_MESSAGES/default.po
index 0220950..8f15baf 100644
--- a/priv/gettext/it/LC_MESSAGES/default.po
+++ b/priv/gettext/it/LC_MESSAGES/default.po
@@ -3280,11 +3280,6 @@ msgstr "Scegli un nickname"
 msgid "Set your nickname to participate"
 msgstr "Scegli un nickname per partecipare"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "In attesa di contenuti"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/lv/LC_MESSAGES/default.po b/priv/gettext/lv/LC_MESSAGES/default.po
index 2f7848e..a39c2de 100644
--- a/priv/gettext/lv/LC_MESSAGES/default.po
+++ b/priv/gettext/lv/LC_MESSAGES/default.po
@@ -3283,11 +3283,6 @@ msgstr "Izvēlieties segvārdu"
 msgid "Set your nickname to participate"
 msgstr "Izvēlieties segvārdu, lai piedalītos"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Gaida saturu"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/nl/LC_MESSAGES/default.po b/priv/gettext/nl/LC_MESSAGES/default.po
index 0b9b625..c2bb2a3 100644
--- a/priv/gettext/nl/LC_MESSAGES/default.po
+++ b/priv/gettext/nl/LC_MESSAGES/default.po
@@ -3281,11 +3281,6 @@ msgstr "Kies een bijnaam"
 msgid "Set your nickname to participate"
 msgstr "Kies een bijnaam om deel te nemen"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Wachten op inhoud"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/priv/gettext/sv/LC_MESSAGES/default.po b/priv/gettext/sv/LC_MESSAGES/default.po
index 366fc4e..f516d47 100644
--- a/priv/gettext/sv/LC_MESSAGES/default.po
+++ b/priv/gettext/sv/LC_MESSAGES/default.po
@@ -3315,11 +3315,6 @@ msgstr "Välj smeknamn"
 msgid "Set your nickname to participate"
 msgstr "Välj smeknamn för att delta"
 
-#: lib/claper_web/live/event_live/show.html.heex:219
-#, elixir-autogen, elixir-format
-msgid "Waiting for content"
-msgstr "Väntar på innehåll"
-
 #: lib/claper_web/live/event_live/show.html.heex:394
 #, elixir-autogen, elixir-format
 msgid "new messages"
diff --git a/test/claper_web/live/event_live/show_test.exs b/test/claper_web/live/event_live/show_test.exs
index 79f8728..4415ba4 100644
--- a/test/claper_web/live/event_live/show_test.exs
+++ b/test/claper_web/live/event_live/show_test.exs
@@ -62,6 +62,18 @@ defmodule ClaperWeb.EventLive.ShowTest do
     assert render(view) =~ "data-message-reaction-trigger"
   end
 
+  test "does not render the focus panel without attendee content", %{conn: conn, user: user} do
+    presentation_file = presentation_file_fixture(%{user: user, length: 0}, [:event])
+    presentation_state_fixture(%{presentation_file: presentation_file})
+
+    {:ok, _view, html} = live(conn, ~p"/e/#{presentation_file.event.code}")
+
+    document = Floki.parse_document!(html)
+
+    assert Floki.find(document, "#focus-slot") == []
+    refute html =~ "Waiting for content"
+  end
+
   test "renders attendee captions as a collapsible panel that cannot be disabled", %{
     conn: conn,
     user: user