feat: Track transcription life cycle with status

lib/medical_transcription/transcriptions/transcription.ex

@@ -11,6 +11,7 @@ defmodule MedicalTranscription.Transcriptions.Transcription do
   schema "transcriptions" do
     field :filename, :string
     field :recording_length_in_seconds, :integer
+    field :status, Ecto.Enum, values: [new: 0, waiting: 1, transcribing: 2, finished: 3, failed: 4]
 
     belongs_to :user, MedicalTranscription.Accounts.User
 

lib/medical_transcription_web/components/components.ex

@@ -73,6 +73,7 @@ defmodule MedicalTranscriptionWeb.Components do
 
   attr :status, :atom, required: true
   attr :filename, :string, default: nil
+  attr :transcription, MedicalTranscription.Transcriptions.Transcription, required: true
   attr :summary_keywords, :list, default: []
 
   @doc """
@@ -82,18 +83,14 @@ defmodule MedicalTranscriptionWeb.Components do
     ~H"""
     <div class="flex justify-between">
       <div class="flex items-center">
-        <%= 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 %>
+        <img :if={@transcription.status == :waiting} src={~p"/images/loading.svg"} width="36" class="mr-6 animate-spin" />
+        <img :if={@transcription.status == :finished} src={~p"/images/checkmark.svg"} width="46" class="mr-[17px]" />
 
-        <.record_button_in_heading status={@status} />
+        <.record_button_in_heading status={@transcription.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>
+          <span class="font-secondary"><%= @transcription.filename %></span>
         </div>
       </div>
       <button phx-click="reset_to_pending" type="button" class="p-3 rounded-lg bg-[#444444]/10">

lib/medical_transcription_web/live/transcriptions_live/show.ex

@@ -47,13 +47,10 @@ defmodule MedicalTranscriptionWeb.TranscriptionsLive.Show do
 
       <main class="flex-1 pl-16 pr-16 pt-[25px]">
         <div class="flex flex-col h-full mx-auto max-w-5xl">
-          <%= if Enum.member?([:loading, :streaming_audio, :success], assigns.status) do %>
-            <.result_heading
-              status={@status}
-              filename={@uploaded_file_name}
-              summary_keywords={@summary_keywords}
-            />
-          <% end %>
+          <.result_heading
+            transcription={@transcription}
+            summary_keywords={@summary_keywords}
+          />
 
           <div id="result_list" class="flex flex flex-col gap-14" phx-update="stream">
             <.live_component

priv/repo/migrations/20240209142258_add_status_to_transcriptions.exs

@@ -0,0 +1,9 @@
+defmodule MedicalTranscription.Repo.Migrations.AddStatusToTranscriptions do
+  use Ecto.Migration
+
+  def change do
+    alter table("transcriptions") do
+      add :status, :integer, null: false, default: 0
+    end
+  end
+end