progress on migrating to heex templates and font-icons

lib/shift73k_web/live/shift_assign_live/index.html.leex

@@ -9,8 +9,7 @@
 
 
 <h2 class="mb-3 mb-sm-0">
-  <%= icon_div @socket, "bi-calendar2-plus", [class: "icon baseline"] %>
-  Schedule Shifts
+  <i class="bi bi-calendar2-plus me-1"></i> Schedule Shifts
 </h2>
 
 <div class="row justify-content-center mt-4">

lib/shift73k_web/live/user/registration.html.heex

@@ -1,15 +1,16 @@
 <div class="row justify-content-center">
   <div class="col-11 col-sm-8 col-md-6 col-lg-5 col-xl-4 col-xxl-3">
 
-  <h2><%= icon_div @socket, "bi-person-plus", [class: "icon baseline"] %>
-    Register</h2>
+  <h2>
+    <i class="bi bi-journal-plus"></i> Register
+  </h2>
   <p class="lead">Create an account to manage your work shifts with us.</p>
 
   <%= form_for @changeset, "#", [phx_change: :validate, phx_submit: :save, novalidate: true, id: "reg_form"], fn f -> %>
 
     <%= label f, :email, class: "form-label" %>
-    <div class="inner-addon left-addon mb-3" phx-feedback-for="<%= input_id(f, :email) %>">
-      <%= icon_div @socket, "bi-at", [class: "icon is-left text-muted fs-5"] %>
+    <div class="inner-addon left-addon mb-3" phx-feedback-for={input_id(f, :email)}>
+      <i class="bi bi-at icon is-left text-muted fs-5"></i>
       <%= email_input f, :email,
           value: input_value(f, :email),
           class: input_class(f, :email, "form-control"),
@@ -23,8 +24,8 @@
     </div>
 
     <%= label f, :password, class: "form-label" %>
-    <div class="inner-addon left-addon mb-3" phx-feedback-for="<%= input_id(f, :password) %>">
-      <%= icon_div @socket, "bi-key", [class: "icon is-left text-muted fs-5"] %>
+    <div class="inner-addon left-addon mb-3" phx-feedback-for={input_id(f, :password)}>
+      <i class="bi bi-key icon is-left text-muted fs-5"></i>
       <%= password_input f, :password,
           value: input_value(f, :password),
           class: input_class(f, :password, "form-control"),

lib/shift73k_web/live/user_management/index.html.leex

@@ -17,8 +17,7 @@
 
 
 <h2 class="mb-3">
-  <%= icon_div @socket, "bi-people", [class: "icon baseline"] %>
-  Listing Users
+  <i class="bi bi-people"></i> Listing Users
 </h2>
 
 <%# filtering and new item creation %>
@@ -27,8 +26,7 @@
   <div class="col-12 col-md-6 col-lg-4 col-xl-3">
   <%= live_patch to: Routes.user_management_index_path(@socket, :new, Enum.into(@query, [])),
       class: "btn btn-primary mb-3 mb-md-0" do %>
-    <%= icon_div @socket, "bi-person-plus", [class: "icon baseline me-1"] %>
-    New User
+    <i class="bi bi-person-plus"></i> New User
   <% end %>
   </div>
 
@@ -49,7 +47,7 @@
   <%= form_for :filter, "#", [phx_change: "filter-change"], fn flt -> %>
     <%= label flt, :filter, class: "visually-hidden" %>
     <div class="inner-addon left-addon right-addon">
-      <%= icon_div @socket, "bi-funnel", [class: "icon is-left text-muted fs-5"] %>
+      <i class="bi bi-funnel is-left text-muted fs-5"></i>
       <%= if @query.filter != "" do %>
         <%= icon_div @socket, "bi-x-circle-fill", [class: "icon is-right text-primary fs-5"], [role: "img", aria_hidden: false, aria_label: "Clear filter", class: "cursor-pointer pe-auto", phx_click: "filter-clear"] %>
       <% end %>