Add tabs in header. (#53)

neb417 · Nov 5, 2024 · cdb9719 · cdb9719
1 parent 383c0fe
commit cdb9719
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/app/views/components/_toolbar.html.erb b/app/views/components/_toolbar.html.erb
@@ -0,0 +1,17 @@
+<ul class="flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400">
+  <li class="mx-auto">
+    <a href="<%= root_path %>" aria-current="page" class="inline-block p-4 text-blue-600 bg-gray-100 rounded-t-lg active dark:bg-gray-800 dark:text-blue-500">Budget Calculator</a>
+  </li>
+  <li class="mx-auto">
+    <a href="<%= federal_tax_brackets_path %>" class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300">Federal Tax Brackets</a>
+  </li>
+  <li class="mx-auto">
+    <a href="#" class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300">State Income Tax</a>
+  </li>
+  <li class="mx-auto">
+    <a href="#" class="inline-block p-4 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:hover:bg-gray-800 dark:hover:text-gray-300">Incomes</a>
+  </li>
+  <li class="mx-auto">
+    <a class="inline-block p-4 text-gray-400 rounded-t-lg cursor-not-allowed dark:text-gray-500">Fixed Expenses</a>
+  </li>
+</ul>
diff --git a/app/views/dashboard/_index.html.erb b/app/views/dashboard/_index.html.erb
@@ -2,7 +2,7 @@
   <div class="min-h-full">
     <div class="primary-card">
       <div class="mx-auto px-4 py-6 sm:px-6 lg:px-8">
-        <h1>Budget Calculator</h1>
+        <%= render partial: "components/toolbar" %>
       </div>
     </div>