Show message when no transactions are present

Author: sarrietav-dev

app/views/budgets/_budget.html.erb

@@ -80,18 +80,22 @@
         </div>
       </div>
       <ul class="divide-y divide-gray-500/20">
-        <% budget.category.transactions.each do |item| %>
-          <li class="flex justify-between items-center py-3">
-            <strong class="text-gray-900 font-bold text-xs"><%= item.name %></strong>
-            <div class="flex flex-col items-end">
-              <span class="text-gray-900 font-bold text-xs">
-                $<%= item.amount %>
-              </span>
-              <small class="text-gray-500 text-xs">
-                <%= item.date.strftime("%d %b %Y") %>
-              </small>
-            </div>
-          </li>
+        <% if budget.category.transactions.size < 1 %>
+          <li class="text-gray-500 text-sm text-center py-3">No transactions yet</li>
+        <% else %>
+          <% budget.category.transactions.each do |item| %>
+            <li class="flex justify-between items-center py-3">
+              <strong class="text-gray-900 font-bold text-xs"><%= item.name %></strong>
+              <div class="flex flex-col items-end">
+                <span class="text-gray-900 font-bold text-xs">
+                  $<%= item.amount %>
+                </span>
+                <small class="text-gray-500 text-xs">
+                  <%= item.date.strftime("%d %b %Y") %>
+                </small>
+              </div>
+            </li>
+          <% end %>
         <% end %>
       </ul>
     </div>