From 6a7388173b1284fe0937516e04a8bc0b34f3f084 Mon Sep 17 00:00:00 2001
From: Ritesh Kumar <ritesh@emerald.pink>
Date: Tue, 24 Sep 2024 01:39:16 +0800
Subject: [PATCH] Hide dev dump when not in dev env (#108)

---
 lib/vyasa_web/components/contexts/read.ex | 37 ++++++++++++++---------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/lib/vyasa_web/components/contexts/read.ex b/lib/vyasa_web/components/contexts/read.ex
index e503edba..c4f09ea0 100644
--- a/lib/vyasa_web/components/contexts/read.ex
+++ b/lib/vyasa_web/components/contexts/read.ex
@@ -417,21 +417,7 @@ defmodule VyasaWeb.Context.Read do
   def render(assigns) do
     ~H"""
     <div id={@id}>
-      Hello world, i'm the ReadContext <br />
-      Session: <%= @session && @session.name %> Sangh: <%= @session && @session.sangh &&
-        @session.sangh.id %> <br />
-      <%= @user_mode.mode_context_component %>
-      <%= @user_mode.mode_context_component_selector %>
-      <.button phx-click="foo" phx-target={@myself}>
-        FOO
-      </.button>
-      <br />
-      <%= @user_mode.mode %> mode <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
+      <.debug_dump session={@session} user_mode={@user_mode} />
       <!-- CONTENT DISPLAY: -->
       <div id="content-display" class="mx-auto max-w-2xl pb-16">
         <%= if @content_action == :show_sources do %>
@@ -534,4 +520,25 @@ defmodule VyasaWeb.Context.Read do
   defp sync_draft_reflector(%{assigns: %{session: _}} = socket) do
     socket
   end
+
+  def debug_dump(assigns) do
+    ~H"""
+    <div
+      :if={Mix.env() == :dev}
+      class="fixed top-0 left-0 m-4 p-4 bg-white border border-gray-300 rounded-lg shadow-lg max-w-md max-h-80 overflow-auto z-50"
+    >
+      <h2 class="text-lg font-bold mb-2">Developer Dump</h2>
+      <div class="mb-4">
+        <strong class="text-gray-600">Session:</strong> <%= @session && @session.name %><br />
+        <strong class="text-gray-600">Sangh ID:</strong> <%= @session && @session.sangh &&
+          @session.sangh.id %><br />
+        <strong class="text-gray-600">User Mode:</strong> <%= @user_mode.mode_context_component %> | <%= @user_mode.mode_context_component_selector %> | <%= @user_mode.mode %> mode
+      </div>
+      <div>
+        <h3 class="text-md font-bold mb-2">Parameters:</h3>
+        <pre class="bg-gray-100 p-2 rounded-md whitespace-pre-wrap"><%= inspect(Map.drop(assigns, [:session, :user_mode]), pretty: true) %></pre>
+      </div>
+    </div>
+    """
+  end
 end