notes: show day of the week along with dates

aayushmau5 · May 24, 2024 · 3af6b65 · 3af6b65
1 parent 360c539
commit 3af6b65
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/lib/accumulator/helpers.ex b/lib/accumulator/helpers.ex
@@ -38,4 +38,12 @@ defmodule Accumulator.Helpers do
     |> NaiveDateTime.add(1, :day)
     |> DateTime.from_naive!("Etc/UTC")
   end
+
+  def day_of_week_string(date_string) do
+    day = Date.from_iso8601!(date_string) |> Date.day_of_week()
+    index = day - 1
+
+    ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
+    |> Enum.at(index)
+  end
 end
diff --git a/lib/accumulator_web/live/notes_live/notes_live.html.heex b/lib/accumulator_web/live/notes_live/notes_live.html.heex
@@ -102,7 +102,9 @@
   >
     <div :for={{dom_id, [date, notes]} <- @streams.notes} id={dom_id}>
       <div class="leading-10 font-bold">
-        <%= date %> (<%= Accumulator.Helpers.days_ago(date) %>)
+        <%= Accumulator.Helpers.day_of_week_string(date) %> <%= date %> (<%= Accumulator.Helpers.days_ago(
+          date
+        ) %>)
       </div>
       <div :for={note <- notes} class="my-1 bg-[#3d3d3d] p-2 rounded-md" id={"note-#{note.id}"}>
         <article :if={note.text} class="note-text break-words">
@@ -111,7 +113,7 @@
         </article>
         <div class="flex mt-2 justify-between">
           <div class="text-xs opacity-40">
-            <.local_time id={"note-#{note.id}-date"} date={note.updated_at} />
+            <.local_time id={"note-#{note.id}-date"} date={note.inserted_at} />
           </div>
           <div class="flex items-center gap-2 ">
             <button phx-click="delete" phx-value-id={note.id} class="hover:opacity-80">

diff --git a/lib/accumulator_web/live/notes_live/notes_public_live.ex b/lib/accumulator_web/live/notes_live/notes_public_live.ex
@@ -48,15 +48,17 @@ defmodule AccumulatorWeb.NotesPublicLive do
       >
         <div :for={{dom_id, [date, notes]} <- @streams.notes} id={dom_id}>
           <div class="leading-10 font-bold">
-            <%= date %> (<%= Accumulator.Helpers.days_ago(date) %>)
+            <%= Accumulator.Helpers.day_of_week_string(date) %> <%= date %> (<%= Accumulator.Helpers.days_ago(
+              date
+            ) %>)
           </div>
           <div :for={note <- notes} class="my-1 bg-[#3d3d3d] p-2 rounded-md" id={"note-#{note.id}"}>
             <article :if={note.text} class="note-text break-words">
               <%= Earmark.as_html!(note.text, escape: false, compact_output: false)
               |> Phoenix.HTML.raw() %>
             </article>
             <div class="text-xs opacity-40 mt-2">
-              <.local_time id={"note-#{note.id}-date"} date={note.updated_at} />
+              <.local_time id={"note-#{note.id}-date"} date={note.inserted_at} />
             </div>
           </div>
         </div>