chore: work through Liveview changes

Author: doomspork

lib/school_house/content/lesson.ex

@@ -56,7 +56,8 @@ defmodule SchoolHouse.Content.Lesson do
       Phoenix.View.render_to_string(SchoolHouseWeb.LessonView, "_section_header.html",
         fragment: fragment,
         header: header,
-        name: name
+        name: String.trim(name),
+        as: :string
       )
     end)
   end

lib/school_house_web.ex

@@ -31,6 +31,9 @@ defmodule SchoolHouseWeb do
   def view do
     quote do
       use Phoenix.Component
+      import Phoenix.HTML
+      import Phoenix.HTML.Form
+      use PhoenixHTMLHelpers
 
       # Import convenience functions from controllers
       import Phoenix.Controller,

lib/school_house_web/views/lesson_view.ex

@@ -1,6 +1,6 @@
 defmodule SchoolHouseWeb.LessonView do
   use SchoolHouseWeb, :view
-  import Phoenix.Component, only: [sigil_H: 2]
+  use Phoenix.Component
 
   def fa_locale_styles(assigns) do
     ~H"""
@@ -13,4 +13,27 @@ defmodule SchoolHouseWeb.LessonView do
       </style>
     """
   end
+
+  def render("_section_header.html", assigns) do
+    ~H"""
+    <.section_header name={@name} header={@header} fragment={@fragment} />
+    """
+  end
+
+  attr :name, :string, required: true
+  attr :header, :string, required: true
+  attr :fragment, :string, required: true
+
+  def section_header(assigns) do
+    ~H"""
+    <div class="group">
+      <%= content_tag(@header, id: @fragment, class: "group") do %>
+        <%= @name %>
+        <a href={"##{@fragment}"} class="ml-2 opacity-0 group-hover:opacity-100 transition-opacity">
+          <i class="fas fa-link text-sm"></i>
+        </a>
+      <% end %>
+    </div>
+    """
+  end
 end