From fa2c80fb9c1fcc1bc5ca8be85f08ed3824e4c505 Mon Sep 17 00:00:00 2001
From: Ayiko Fred <lgmfred@ayikoyo.com>
Date: Mon, 24 Jul 2023 14:53:37 +0300
Subject: [PATCH 1/2] Fix LiveView crash on posting a new message

---
 lib/chat_app_live_web/live/chat_form_live.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/chat_app_live_web/live/chat_form_live.ex b/lib/chat_app_live_web/live/chat_form_live.ex
index f7350af..7307c9f 100644
--- a/lib/chat_app_live_web/live/chat_form_live.ex
+++ b/lib/chat_app_live_web/live/chat_form_live.ex
@@ -11,8 +11,8 @@ defmodule ChatAppLiveWeb.ChatFormLive do
 
   def handle_event("save", %{"message" => message_params}, socket) do
     case Messages.create_message(message_params) do
-      {:ok, _message} ->
-        {:noreply, assign(socket, push_patch(socket, to: ~p"/messages"))}
+      {:ok, message} ->
+        {:noreply, assign(socket, :messages, [message | socket.assigns.messages])}
 
       {:error, %Ecto.Changeset{} = changeset} ->
         {:noreply, assign(socket, form: to_form(changeset))}

From d5d551d30d0491684e0958806dffb783a270efee Mon Sep 17 00:00:00 2001
From: Ayiko Fred <lgmfred@ayikoyo.com>
Date: Mon, 24 Jul 2023 14:56:52 +0300
Subject: [PATCH 2/2] Live navigate to show message LiveView

---
 lib/chat_app_live_web/live/chat_form_live.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/chat_app_live_web/live/chat_form_live.ex b/lib/chat_app_live_web/live/chat_form_live.ex
index 7307c9f..7e642f7 100644
--- a/lib/chat_app_live_web/live/chat_form_live.ex
+++ b/lib/chat_app_live_web/live/chat_form_live.ex
@@ -58,9 +58,9 @@ defmodule ChatAppLiveWeb.ChatFormLive do
           <li class="flex flex-wrap items-center justify-between gap-x-6 gap-y-4 py-5 sm:flex-nowrap">
             <div>
               <p class="text-sm font-semibold leading-6 text-gray-900">
-                <a href="#" class="hover:underline">
+                <.link navigate={~p"/message/#{message.id}"} class="hover:underline">
                   <%= message.content %>
-                </a>
+                </.link>
               </p>
               <div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500">
                 <p>