From a56a2854a44fb3b51fe1e0982b86f1f50dbea15f Mon Sep 17 00:00:00 2001
From: Louis Vallat <louis@louis-vallat.xyz>
Date: Sat, 4 Feb 2023 14:38:27 +0100
Subject: [PATCH] feat: added navbar links

Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
---
 app/views/layouts/application.html.erb | 22 +++++++++++++++++-----
 config/locales/en/fields.en.yml        |  4 +++-
 config/locales/fr/fields.fr.yml        |  2 ++
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 26b6daa..fc485d4 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -16,11 +16,16 @@
     <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
 
       <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
-        <li><%= link_to t("fields.home"), root_path, class: "nav-link px-2 text-secondary" %></li>
+        <li><%= link_to t("fields.home"), root_path, class: "nav-link px-2 #{current_page?(root_path) ? "text-secondary" : "text-white"}" %></li>
+        <% if current_user %>
+          <li><%= link_to t("fields.count"), count_root_path, class: "nav-link px-2 #{current_page?(count_root_path) ? "text-secondary" : "text-white"}" %></li>
+          <li><%= link_to t("fields.profile"), profile_root_path, class: "nav-link px-2 #{current_page?(profile_root_path) ? "text-secondary" : "text-white"}" %></li>
+        <% end %>
       </ul>
 
-      <div class="text-end">
+      <div class="nav text-end">
         <% if current_user %>
+          <a class="nav-link disabled"><%= current_user.email %></a>
           <%= button_to t("fields.logout"), destroy_user_session_path, method: "delete", class: "btn btn-danger me-2" %>
         <% else %>
           <%= link_to t("fields.login"), new_user_session_path, class: "btn btn-outline-light me-2" %>
@@ -29,9 +34,16 @@
     </div>
   </div>
 </header>
-<p class="notice"><%= notice %></p>
-<p class="alert"><%= alert %></p>
 
-<%= yield %>
+<div class="container">
+  <% if notice %>
+    <p class="notice"><%= notice %></p>
+  <% end %>
+
+  <% if alert %>
+    <p class="alert"><%= alert %></p>
+  <% end %>
+  <%= yield %>
+</div>
 </body>
 </html>
diff --git a/config/locales/en/fields.en.yml b/config/locales/en/fields.en.yml
index e278243..a010b66 100644
--- a/config/locales/en/fields.en.yml
+++ b/config/locales/en/fields.en.yml
@@ -2,4 +2,6 @@ en:
   fields:
     home: "Home"
     login: "Login"
-    logout: "Logout"
\ No newline at end of file
+    logout: "Logout"
+    count: "Count"
+    profile: "Profile"
\ No newline at end of file
diff --git a/config/locales/fr/fields.fr.yml b/config/locales/fr/fields.fr.yml
index 0fd0842..5df770f 100644
--- a/config/locales/fr/fields.fr.yml
+++ b/config/locales/fr/fields.fr.yml
@@ -3,3 +3,5 @@ fr:
     home: "Accueil"
     login: "Se connecter"
     logout: "Se déconnecter"
+    count: "Compte"
+    profile: "Profil"