diff --git a/assets/js/hooks/item.ts b/assets/js/hooks/item.ts index 1b4d3b71..ca3af3aa 100644 --- a/assets/js/hooks/item.ts +++ b/assets/js/hooks/item.ts @@ -10,7 +10,7 @@ export function createItem({ uuid, content, parent_id, prev_id, dirty }: Node) { const item = document.createElement("li"); item.id = "outline-node-" + uuid; - item.className = "my-1 ml-4"; + item.className = dirty ? "my-1 ml-4 bg-red-100" : "my-1 ml-4"; item.setAttribute("data-parent", parent_id || ""); item.setAttribute("data-prev", prev_id || ""); @@ -32,6 +32,8 @@ export function updateItem( const input = item.firstChild!; input.textContent = content; + item.className = dirty ? "my-1 ml-4 bg-red-100" : "my-1 ml-4"; + item.setAttribute("data-parent", parent_id || ""); item.setAttribute("data-prev", prev_id || ""); item.setAttribute("data-dirty", dirty ? "true" : "false"); diff --git a/test/radiator_web/live/episode_live_test.exs b/test/radiator_web/live/episode_live_test.exs index 2ce6536c..410dc798 100644 --- a/test/radiator_web/live/episode_live_test.exs +++ b/test/radiator_web/live/episode_live_test.exs @@ -6,7 +6,7 @@ defmodule RadiatorWeb.EpisodeLiveTest do import Radiator.PodcastFixtures import Radiator.OutlineFixtures - alias Radiator.Outline.Node + # alias Radiator.Outline.Node alias Radiator.Outline.NodeRepository describe "Episode page is restricted" do