Any clues??
here again the complete code:
<%!-- live.html.heex --%>
<div
id="budget_stream"
phx-update="stream"
class="py-4 flex flex-col sm:flex-row flex-wrap gap-2"
>
<.link
:for={{budget_id, budget} <- @streams.budgets}
id={"budgets-#{budget_id}"}
patch={~p"/budgets/#{budget}?#{@options}"}
class="w-full sm:w-fit"
>
<div class={"
w-full sm:w-[23rem] h-[200px] flex flex-col justify-between budget-card block
max-w-sm p-6 border rounded-lg shadow border-gray-700 hover:bg-gray-700
"}>
<h5 class="mb-2 text-2xl font-bold tracking-tight text-white">
<%= String.capitalize(budget.title) %>
</h5>
<h6 class="mb-2 text-1xl font-bold tracking-tight text-white overflow-scroll">
<%= budget.description %>
</h6>
<div class="flex justify-between gap-4">
<p class="font-normal text-gray-400 text-end">
<%= budget.created_at %>
</p>
<p class="font-normal text-gray-400 text-end">
<%= budget.cost %>円
</p>
</div>
</div>
</.link>
</div>
<div class="flex flex-col sm:flex-row items-center gap-4">
<%= confirmed_user_add_budget(%{confirmed_user: @confirmed_user, options: @options}) %>
<.sort_link sort_by={:category_id} options={@options}>
Category
</.sort_link>
<.sort_link sort_by={:cost} options={@options}>
Cost
</.sort_link>
<.sort_link sort_by={:inserted_at} options={@options}>
Created
</.sort_link>
</div>
<%!-- live.ex --%>
def handle_params(params, _uri, socket) do
current_user = socket.assigns.current_user
sort_by = valid_sort_by(params)
sort_order = valid_sort_order(params)
page = param_to_integer(params["page"], 1)
per_page = param_to_integer(params["per_page"], 36)
date = Date.utc_today()
year = param_to_integer(params["year"], date.year)
month = param_to_integer(params["month"], date.month)
options = %{
sort_by: sort_by,
sort_order: sort_order,
page: page,
per_page: per_page,
year: year,
month: month
}
budgets = Keihi.list_budgets(current_user, options)
socket =
socket
|> stream(:budgets, budgets, reset: true)
|> assign(:selected_budget, select_budget(budgets, param_to_integer(params["id"], 0)))
|> assign(:options, options)
{:noreply, socket}
end
<!-- sort link -->
def sort_link(assigns) do
~H"""
<.link
class="px-4 w-32 text-center"
patch={
~p"/budgets?#{%{@options | sort_by: @sort_by, sort_order: next_sort_order(@options.sort_order)}}"
}
>
<%= render_slot(@inner_block) %>
<%= sort_indicator(@sort_by, @options) %>
</.link>
"""
end
checking budgets inside my handle_params, i can see that the budgets assign does change when I click on any one of my sort_links, but again it doesn’t re-render it on the client.
this works when I’m on liveview 0.19.5 however…
