From cccc5aafc718cd86dd43fa854ce1908d5ab36ced Mon Sep 17 00:00:00 2001
From: shibao <shibao@bubbletea.dev>
Date: Tue, 1 Feb 2022 00:12:09 -0500
Subject: [PATCH] add blank ammo types page

---
 .../live/ammo_type_live/index.html.heex       | 74 +++++++++++--------
 1 file changed, 42 insertions(+), 32 deletions(-)

diff --git a/lib/cannery_web/live/ammo_type_live/index.html.heex b/lib/cannery_web/live/ammo_type_live/index.html.heex
index f70ca9e..d894d71 100644
--- a/lib/cannery_web/live/ammo_type_live/index.html.heex
+++ b/lib/cannery_web/live/ammo_type_live/index.html.heex
@@ -3,42 +3,52 @@
     Listing Ammo Types
   </h1>
 
-  <%= live_patch "New Ammo type",
-    to: Routes.ammo_type_index_path(@socket, :new),
-    class: "btn btn-primary" %>
+  <%= if @ammo_types |> Enum.empty?() do %>
+    <h2 class="title text-xl text-primary-500">
+      No Ammo Types 😔
+    </h2>
 
-  <div class="w-full overflow-x-auto border border-gray-600 rounded-lg shadow-lg bg-black">
-    <table class="min-w-full table-auto text-center bg-white">
-      <thead class="border-b border-primary-600">
-        <tr>
-          <th class="p-2">Name</th>
-          <th class="p-2">Case material</th>
-          <th class="p-2">Bullet type</th>
-          <th class="p-2">Grain</th>
-          <th class="p-2">Manufacturer</th>
+    <%= live_patch "Add your first type!",
+      to: Routes.ammo_type_index_path(@socket, :new),
+      class: "btn btn-primary" %>
+  <% else %>
+    <%= live_patch "New Ammo type",
+      to: Routes.ammo_type_index_path(@socket, :new),
+      class: "btn btn-primary" %>
 
-          <th class="p-2"></th>
-        </tr>
-      </thead>
-      <tbody>
-        <%= for ammo_type <- @ammo_types do %>
-          <tr id={"ammo_type-#{ammo_type.id}"}>
-            <td class="p-2"><%= ammo_type.name %></td>
-            <td class="p-2"><%= ammo_type.case_material %></td>
-            <td class="p-2"><%= ammo_type.bullet_type %></td>
-            <td class="p-2"><%= ammo_type.grain %></td>
-            <td class="p-2"><%= ammo_type.manufacturer %></td>
+    <div class="w-full overflow-x-auto border border-gray-600 rounded-lg shadow-lg bg-black">
+      <table class="min-w-full table-auto text-center bg-white">
+        <thead class="border-b border-primary-600">
+          <tr>
+            <th class="p-2">Name</th>
+            <th class="p-2">Case material</th>
+            <th class="p-2">Bullet type</th>
+            <th class="p-2">Grain</th>
+            <th class="p-2">Manufacturer</th>
 
-            <td class="p-2 w-full h-full space-y-2 flex flex-col justify-center items-center">
-              <span><%= live_redirect "Show", to: Routes.ammo_type_show_path(@socket, :show, ammo_type) %></span>
-              <span><%= live_patch "Edit", to: Routes.ammo_type_index_path(@socket, :edit, ammo_type) %></span>
-              <span><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: ammo_type.id, data: [confirm: "Are you sure?"] %></span>
-            </td>
+            <th class="p-2"></th>
           </tr>
-        <% end %>
-      </tbody>
-    </table>
-  </div>
+        </thead>
+        <tbody>
+          <%= for ammo_type <- @ammo_types do %>
+            <tr id={"ammo_type-#{ammo_type.id}"}>
+              <td class="p-2"><%= ammo_type.name %></td>
+              <td class="p-2"><%= ammo_type.case_material %></td>
+              <td class="p-2"><%= ammo_type.bullet_type %></td>
+              <td class="p-2"><%= ammo_type.grain %></td>
+              <td class="p-2"><%= ammo_type.manufacturer %></td>
+
+              <td class="p-2 w-full h-full space-y-2 flex flex-col justify-center items-center">
+                <span><%= live_redirect "Show", to: Routes.ammo_type_show_path(@socket, :show, ammo_type) %></span>
+                <span><%= live_patch "Edit", to: Routes.ammo_type_index_path(@socket, :edit, ammo_type) %></span>
+                <span><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: ammo_type.id, data: [confirm: "Are you sure?"] %></span>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
 </div>
 
 <%= if @live_action in [:new, :edit] do %>