feat: Allow re-enabling recording from the result heading

lib/medical_transcription_web/components/components.ex

@@ -55,18 +55,15 @@ defmodule MedicalTranscriptionWeb.Components do
       ~H"""
       <div class="flex justify-between">
         <div class="flex items-center">
-          <%= if Enum.member?([:loading, :streaming_audio], @status) do %>
-            <img src={~p"/images/loading.svg"} width="36" class="mr-6 animate-spin" />
-          <% end %>
-          <%= if @status == :streaming_audio do %>
-            <button phx-click="toggle_recording" class="mr-6 p-4 bg-red-200 rounded-lg">
-              <.icon name="hero-microphone" class="animate-pulse" />
-            </button>
+          <%= case @status do %>
+            <% status when status in [:loading, :streaming_audio] -> %>
+              <img src={~p"/images/loading.svg"} width="36" class="mr-6 animate-spin" />
+            <% :success -> %>
+              <img src={~p"/images/checkmark.svg"} width="46" class="mr-[17px]" />
           <% end %>
 
-          <%= if @status == :success do %>
-            <img src={~p"/images/checkmark.svg"} width="46" class="mr-[17px]" />
-          <% end %>
+          <.record_button_in_heading status={@status} />
+
           <div class="px-[14px] py-3 flex items-center gap-3 bg-brand rounded-lg text-white">
             <img src={~p"/images/document.svg"} width="20" />
             <span class="font-secondary"><%= @filename %></span>
@@ -106,6 +103,22 @@ defmodule MedicalTranscriptionWeb.Components do
     end
   end
 
+  def record_button_in_heading(assigns) when assigns.status == :streaming_audio do
+    ~H"""
+    <button phx-click="toggle_recording" class="mr-6 px-4 py-3 bg-red-200 rounded-lg">
+      <.icon name="hero-microphone" class="animate-pulse" />
+    </button>
+    """
+  end
+
+  def record_button_in_heading(assigns) do
+    ~H"""
+    <button phx-click="toggle_recording" class="mr-6 px-4 py-3 bg-emerald-200 rounded-lg">
+      <.icon name="hero-microphone" />
+    </button>
+    """
+  end
+
   def format_keywords(keyword_predictions) do
     keyword_predictions
     |> List.flatten()

lib/medical_transcription_web/live/home_live/index.ex

@@ -107,9 +107,17 @@ defmodule MedicalTranscriptionWeb.HomeLive.Index do
 
   @impl true
   def handle_event("toggle_recording", _params, socket) do
+    new_status =
+      if socket.assigns.recording do
+        :success
+      else
+        :streaming_audio
+      end
+
     socket =
       socket
-      |> assign(:recording, !socket.assigns.recording)
+      |> assign(:recording, new_status == :streaming_audio)
+      |> assign(:status, new_status)
       |> start_pipeline_if_needed()
       |> stop_pipeline_if_needed()