feat: added membersLiveView for testing Primer components

lib/mv_web/components/layouts.ex

@@ -9,6 +9,7 @@ defmodule MvWeb.Layouts do
   `use MvWeb, :live_view`.
   """
   use MvWeb, :html
+  alias PrimerLive.Component, as: Primer
 
-  embed_templates "layouts/*"
+  embed_templates("layouts/*")
 end

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

@@ -1,29 +1,23 @@
-<header class="px-4 sm:px-6 lg:px-8">
-  <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" />
-      </a>
-      <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
-        v{Application.spec(:phoenix, :vsn)}
-      </p>
-    </div>
-    <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
-      <a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
-        @elixirphoenix
-      </a>
-      <a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
-        GitHub
-      </a>
-      <a
-        href="https://hexdocs.pm/phoenix/overview.html"
-        class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
-      >
-        Get Started <span aria-hidden="true">&rarr;</span>
-      </a>
-    </div>
-  </div>
-</header>
+<Primer.header>
+  <:item>
+    <Primer.avatar
+      width="128"
+      src={~p"/images/local_it.png"}
+    />
+  </:item>
+  <:item>
+    <Primer.select_menu>
+      <:toggle>Menu</:toggle>
+      <:item navigate="/">
+        Phoenix Standard Startseite
+      </:item>
+    </Primer.select_menu>
+  </:item>
+  <:item is_full_width />
+  <:item class="mr-0">
+    <Primer.octicon name="person-24" />
+  </:item>
+</Primer.header>
 <main class="px-4 py-20 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl">
     <.flash_group flash={@flash} />