feat: Display weighting in code title; mixed color for mixed weighting

lib/medical_transcription/utilities.ex

@@ -0,0 +1,18 @@
+defmodule MedicalTranscription.Utilities do
+  @doc "Takes an enumerable of atoms and tallies a count for how often each appears."
+  def tally(enumerable) do
+    Enum.reduce(enumerable, %{}, fn item, acc ->
+      if Map.has_key?(acc, item) do
+        Map.put(acc, item, acc[item] + 1)
+      else
+        Map.put(acc, item, 1)
+      end
+    end)
+  end
+
+  def tally_to_string(tallied_enumerable) do
+    tallied_enumerable
+    |> Enum.map(fn {key, value} -> "#{key} (#{value})" end)
+    |> Enum.join(", ")
+  end
+end

lib/medical_transcription_web/components/components.ex

@@ -6,6 +6,7 @@ defmodule MedicalTranscriptionWeb.Components do
   use Phoenix.Component
   alias Phoenix.LiveView.JS
 
+  alias MedicalTranscription.Utilities
   import MedicalTranscriptionWeb.CoreComponents
   alias MedicalTranscriptionWeb.Components.TranscriptionTextComponent
   use MedicalTranscriptionWeb, :verified_routes
@@ -158,11 +159,8 @@ defmodule MedicalTranscriptionWeb.Components do
 
       <div class="w-1 h-full border-l border-[#444444]/20"></div>
       <div
-        class={"flex flex-col gap-1 font-secondary text-type-black-primary ml-4 px-2 py-1 rounded
-          #{if @weighting == :positive, do: "bg-emerald-200/40"}
-          #{if @weighting == :negative, do: "bg-red-200/40"}
-        "}
-        title={"Similarity score: #{trunc(@score * 100) / 100}"}
+        class={"flex flex-col gap-1 font-secondary text-type-black-primary ml-4 px-2 py-1 rounded #{code_color(@weighting)}"}
+        title={code_title(@score, @weighting)}
       >
         <p class="text-lg font-bold leading-[22.97px]"><%= @code %></p>
         <p class="text-base leading-[20.42px]"><%= @label %></p>
@@ -171,6 +169,29 @@ defmodule MedicalTranscriptionWeb.Components do
     """
   end
 
+  def code_color(weighting) do
+    cond do
+      :positive in weighting and :negative in weighting -> "bg-orange-200/40"
+      :positive in weighting -> "bg-emerald-200/40"
+      :negative in weighting -> "bg-red-200/40"
+      true -> ""
+    end
+  end
+
+  def code_title(score, weighting) do
+    weighting_description =
+      if length(weighting) > 0 do
+        weighting
+        |> Utilities.tally()
+        |> Utilities.tally_to_string()
+        |> String.replace_prefix("", "Weighting: ")
+      else
+        ""
+      end
+
+    "Similarity score: #{trunc(score * 100) / 100}. #{weighting_description}"
+  end
+
   defp feedback_button(assigns) do
     ~H"""
     <button