From d119e479f08de2052ec608681b724f25bd6803e4 Mon Sep 17 00:00:00 2001
From: Dave Smith-Hayes <me@davesmithhayes.com>
Date: Thu, 5 Dec 2024 14:13:11 +0000
Subject: [PATCH] Add a navigation component.

---
 app/templates/layouts/components/navigation.twig | 12 ++++++++++++
 app/templates/layouts/skeleton.twig              | 12 +-----------
 2 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 app/templates/layouts/components/navigation.twig

diff --git a/app/templates/layouts/components/navigation.twig b/app/templates/layouts/components/navigation.twig
new file mode 100644
index 0000000..a14e487
--- /dev/null
+++ b/app/templates/layouts/components/navigation.twig
@@ -0,0 +1,12 @@
+<nav>
+    <ul>
+        {% if session.get('authenticated') %}
+            <li><a href="{{ url_for("dashboard") }}">Dashboard</a></li>
+            <li><a href="{{ url_for("user-logout") }}">Logout</a></li>
+        {% else %}
+            <li><a href="{{ url_for("user-login-page") }}">Login</a></li>
+            <li><a href="{{ url_for("user-register-page") }}">Register</a></li>
+        {% endif %}
+    </ul>
+</nav>
+
diff --git a/app/templates/layouts/skeleton.twig b/app/templates/layouts/skeleton.twig
index d6187a1..4c09f61 100644
--- a/app/templates/layouts/skeleton.twig
+++ b/app/templates/layouts/skeleton.twig
@@ -17,17 +17,7 @@
             {% block header %}{% endblock %}
         </header>
 
-        <nav>
-            <ul>
-                {% if session.get('authenticated') %}
-                    <li><a href="{{ url_for("dashboard") }}">Dashboard</a></li>
-                    <li><a href="{{ url_for("user-logout") }}">Logout</a></li>
-                {% else %}
-                    <li><a href="{{ url_for("user-login-page") }}">Login</a></li>
-                    <li><a href="{{ url_for("user-register-page") }}">Register</a></li>
-                {% endif %}
-            </ul>
-        </nav>
+        {% include 'layouts/components/navigation.twig' %}
 
         <main>
             {% include 'layouts/components/flash.twig' %}