Extract main header to partial

RoyalIcing · RoyalIcing · commit bdebde564316 · 2019-07-12T18:57:40.000+10:00
diff --git a/apps/components_guide_web/lib/components_guide_web/templates/layout/_header.html.eex b/apps/components_guide_web/lib/components_guide_web/templates/layout/_header.html.eex
@@ -0,0 +1,20 @@
+<header class="bg-gray-900 text-white">
+  <section class="container flex flex-row items-center">
+    <a href="/" class="block py-4 text-base font-bold text-red-100 tracking-wide">
+      <span class="py-1 border-b-4 border-red-400">Components.Guide</span>
+    </a>
+    <nav role="navigation" class="flex-grow px-16 text-lg">
+      <ul class="flex flex-row justify-around">
+        <li><a href="/learn-by-building" class="block py-4 font-bold"><%= "Learn by Building" %></a></li>
+        <li><a href="/links" class="block py-4 font-bold"><%= "Recommended Links" %></a></li>
+        <li><a href="/about" class="block py-4 font-bold"><%= "Who?" %></a></li>
+        <% if false do %>
+          <li><a href="/swiftui" class="block py-4 font-bold"><%= "SwiftUI + Combine" %></a></li>
+          <li><a href="/rxjs" class="block py-4 font-bold"><%= "React + TS + RxJS" %></a></li>
+          <% if false do %><li><a href="/react+typescript" class="block py-4 font-bold"><%= "React + TypeScript" %></a></li><% end %>
+          <li><a href="/css+typescript" class="block py-4 font-bold"><%= "CSS + TypeScript" %></a></li>
+        <% end %>
+      </ul>
+    </nav>
+  </section>
+</header>
diff --git a/apps/components_guide_web/lib/components_guide_web/templates/layout/app.html.eex b/apps/components_guide_web/lib/components_guide_web/templates/layout/app.html.eex
@@ -8,26 +8,7 @@
     <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
   </head>
   <body>
-    <header class="bg-gray-900 text-white">
-      <section class="container flex flex-row items-center">
-        <a href="/" class="block py-4 text-base font-bold text-red-100 tracking-wide">
-          <span class="py-1 border-b-4 border-red-400">Components.Guide</span>
-        </a>
-        <nav role="navigation" class="flex-grow px-16 text-lg">
-          <ul class="flex flex-row justify-around">
-            <li><a href="/learn-by-building" class="block py-4 font-bold"><%= "Learn by Building" %></a></li>
-            <li><a href="/links" class="block py-4 font-bold"><%= "Recommended Links" %></a></li>
-            <li><a href="/about" class="block py-4 font-bold"><%= "Who?" %></a></li>
-            <% if false do %>
-              <li><a href="/swiftui" class="block py-4 font-bold"><%= "SwiftUI + Combine" %></a></li>
-              <li><a href="/rxjs" class="block py-4 font-bold"><%= "React + TS + RxJS" %></a></li>
-              <% if false do %><li><a href="/react+typescript" class="block py-4 font-bold"><%= "React + TypeScript" %></a></li><% end %>
-              <li><a href="/css+typescript" class="block py-4 font-bold"><%= "CSS + TypeScript" %></a></li>
-            <% end %>
-          </ul>
-        </nav>
-      </section>
-    </header>
+    <%= render ComponentsGuideWeb.LayoutView, "_header.html" %>
     <main role="main">
       <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
       <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
