From 9d95c74aabafbe2a97c80a9bd013d924ecade072 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20N=C3=BDvlt?= <ondrej@nyv.lt>
Date: Sat, 10 Aug 2024 12:33:48 +0200
Subject: [PATCH] Add header

---
 lib/chore_tracker_web/components/layouts.ex | 43 ++++++++++++---------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/lib/chore_tracker_web/components/layouts.ex b/lib/chore_tracker_web/components/layouts.ex
index 2363c58..3fb6b8f 100644
--- a/lib/chore_tracker_web/components/layouts.ex
+++ b/lib/chore_tracker_web/components/layouts.ex
@@ -7,25 +7,30 @@ defmodule ChoreTrackerWeb.Layouts do
   def page_header(assigns) do
     ~H"""
     <header class="border-b col-span-12">
-      <nav class="flex items-center gap-4 px-6 justify-end">
-        <%= if @current_user do %>
-          <p class="text-sm font-medium mr-2">
-            <%= Accounts.display_user(@current_user) %>
-          </p>
-          <.header_link href={~p"/users/settings"}>
-            Settings
-          </.header_link>
-          <.header_link href={~p"/users/log_out"} method="delete">
-            Log out
-          </.header_link>
-        <% else %>
-          <.header_link href={~p"/users/register"}>
-            Register
-          </.header_link>
-          <.header_link href={~p"/users/log_in"}>
-            Log in
-          </.header_link>
-        <% end %>
+      <nav class="flex items-center gap-4 px-6 justify-between">
+        <.link href={~p"/overview"}>
+          <strong>Chore tracker</strong>
+        </.link>
+        <div class="flex items-center gap-4">
+          <%= if @current_user do %>
+            <p class="text-sm font-medium mr-2">
+              <%= Accounts.display_user(@current_user) %>
+            </p>
+            <.header_link href={~p"/users/settings"}>
+              Settings
+            </.header_link>
+            <.header_link href={~p"/users/log_out"} method="delete">
+              Log out
+            </.header_link>
+          <% else %>
+            <.header_link href={~p"/users/register"}>
+              Register
+            </.header_link>
+            <.header_link href={~p"/users/log_in"}>
+              Log in
+            </.header_link>
+          <% end %>
+        </div>
       </nav>
     </header>
     """