@@ -0,0 +2,4 @@
+  @moduledoc """
+  Sort Header that can be used as column header and sorts a table:
+  Props:
+    - field: atom()                     # Ash‑Field for sorting

@@ -0,0 +3,4 @@
+  Sort Header that can be used as column header and sorts a table:
+  Props:
+    - field: atom()                     # Ash‑Field for sorting
+    - label: string()                   # Column Heading (can be aan heex templyte)

@@ -0,0 +48,4 @@
+  end
+
+  # -------------------------------------------------
+  # Hilfsfunktionen für ARIA‑Attribute & Icon‑SVG

@@ -40,2 +16,2 @@
-     |> assign(:query, q)
-     |> assign(:members, members)}
+    # We call handle params to use the query from the URL
+    {:noreply, socket} = handle_params(params, nil, socket)

@@ -111,0 +93,4 @@
+    }
+
+    # "/members" is the path you defined in router.ex
+    new_path = "/members?" <> URI.encode_query(query_params)

@@ -111,0 +106,4 @@
+
+  # Function to handle search
+  @impl true
+  def handle_info({:search_changed, q}, socket) do

@@ -0,0 +9,4 @@
+
+    assert view |> element("[data-testid='first_name']")
+  end
+end

@@ -78,0 +79,4 @@
+      conn = conn_with_oidc_user(conn)
+      {:ok, view, _html} = live(conn, "/members")
+
+      # The component data test ids are built as "<field>"

@@ -78,0 +87,4 @@
+
+      # The LiveView pushes a patch with the new query params
+      assert_patch(view, "/members?sort_field=email&sort_order=asc")
+

@@ -112,0 +81,4 @@
+    active_id = :"sort_#{new_field}"
+
+    # Update the SortHeader to
+    send_update(MvWeb.Components.SortHeaderComponent,