Change icon

lib/tietopaketti_web/components/core_components.ex

@@ -581,10 +581,11 @@ defmodule TietopakettiWeb.CoreComponents do
   """
   attr :name, :string, required: true
   attr :class, :string, default: nil
+  attr :label, :string, default: ""
 
   def icon(%{name: "hero-" <> _} = assigns) do
     ~H"""
-    <span class={[@name, @class]} />
+    <span class={[@name, @class]} aria-label={@label} />
     """
   end
 

lib/tietopaketti_web/components/layouts/app.html.heex

@@ -2,10 +2,10 @@
   <div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
     <div class="flex items-center gap-4">
       <a href="/">
-        <img src={~p"/images/logo.svg"} width="36" />
+        <.icon name="hero-chart-bar" label={"Index page"} />
       </a>
       <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
-        v<%= Application.spec(:phoenix, :vsn) %>
+        v<%= Application.spec(:tietopaketti, :vsn) %>
       </p>
     </div>
     <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">