search tags when on click

lib/memex_web/components/contexts_table_component.ex

@@ -105,7 +105,17 @@ defmodule MemexWeb.Components.ContextsTableComponent do
   end
 
   defp get_value_for_key(:tags, %{tags: tags}, _additional_data) do
-    tags |> Enum.join(", ")
+    assigns = %{tags: tags}
+
+    ~H"""
+    <div class="flex flex-wrap justify-center space-x-1">
+      <%= for tag <- @tags do %>
+        <.link patch={Routes.context_index_path(Endpoint, :search, tag)} class="link">
+          <%= tag %>
+        </.link>
+      <% end %>
+    </div>
+    """
   end
 
   defp get_value_for_key(:actions, context, %{actions: actions}) do

lib/memex_web/components/notes_table_component.ex

@@ -105,7 +105,17 @@ defmodule MemexWeb.Components.NotesTableComponent do
   end
 
   defp get_value_for_key(:tags, %{tags: tags}, _additional_data) do
-    tags |> Enum.join(", ")
+    assigns = %{tags: tags}
+
+    ~H"""
+    <div class="flex flex-wrap justify-center space-x-1">
+      <%= for tag <- @tags do %>
+        <.link patch={Routes.note_index_path(Endpoint, :search, tag)} class="link">
+          <%= tag %>
+        </.link>
+      <% end %>
+    </div>
+    """
   end
 
   defp get_value_for_key(:actions, note, %{actions: actions}) do

lib/memex_web/components/pipelines_table_component.ex

@@ -118,7 +118,17 @@ defmodule MemexWeb.Components.PipelinesTableComponent do
   end
 
   defp get_value_for_key(:tags, %{tags: tags}, _additional_data) do
-    tags |> Enum.join(", ")
+    assigns = %{tags: tags}
+
+    ~H"""
+    <div class="flex flex-wrap justify-center space-x-1">
+      <%= for tag <- @tags do %>
+        <.link patch={Routes.pipeline_index_path(Endpoint, :search, tag)} class="link">
+          <%= tag %>
+        </.link>
+      <% end %>
+    </div>
+    """
   end
 
   defp get_value_for_key(:actions, pipeline, %{actions: actions}) do