From 09abd51b8935ead44b9bcccd38b079d81c8433f6 Mon Sep 17 00:00:00 2001
From: mo <mo.khan@gmail.com>
Date: Sat, 9 Sep 2017 13:06:19 -0600
Subject: change category nav links

---
 app/views/cakes/index.html.erb | 36 ++++++++++++++++--------------------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/app/views/cakes/index.html.erb b/app/views/cakes/index.html.erb
index 57aabc71..9ecfc6a5 100644
--- a/app/views/cakes/index.html.erb
+++ b/app/views/cakes/index.html.erb
@@ -19,26 +19,22 @@
   </div>
 <% end -%>
 
-<div id="bakery">
-  <div class="dropdown float-right">
-    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-      Sort
-    </button>
-    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-      <%= link_to "Newest", url_for(params.merge(sort: "newest")), class: "dropdown-item" %>
-      <%= link_to "Oldest", url_for(params.merge(sort: "oldest")), class: "dropdown-item" %>
-    </div>
+<div class="row">
+  <div class="col">
+    <nav class="nav nav-pills nav-fill">
+      <%= link_to "All", url_for(params.merge(category: nil)), class: "nav-item nav-link #{"active" if params["category"].blank?}" %>
+      <% @categories.each do |category| %>
+        <%= link_to category.name.pluralize, url_for(params.merge(category: category.slug)), class: "nav-item nav-link #{"active" if params["category"] == category.slug}" %>
+      <% end %>
+      <%= link_to "Newest", url_for(params.merge(sort: "newest")), class: "nav-item nav-link #{"active" if "newest" == params["sort"]}" %>
+      <%= link_to "Oldest", url_for(params.merge(sort: "oldest")), class: "nav-item nav-link #{"active" if "oldest" == params["sort"]}" %>
+    </nav>
+  </div>
+</div>
+
+<div class="row">
+  <div id="bakery" class="col">
+    <%= render partial: 'index' %>
   </div>
-  <ul class="nav nav-tabs">
-    <li class="nav-item">
-      <%= link_to "All", url_for(params.merge(category: nil)), class: "nav-link #{"active" if params["category"].blank?}" %>
-    </li>
-    <% @categories.each do |category| %>
-      <li class="nav-item ">
-        <%= link_to category.name.pluralize, url_for(params.merge(category: category.slug)), class: "nav-link #{"active" if params["category"] == category.slug}" %>
-      </li>
-    <% end %>
-  </ul>
-  <%= render partial: 'index' %>
 </div>
 <%# render "shared/paging", items: @cakes %>
-- 
cgit v1.2.3