sort clothes in tracker by type

lib/pokemon_couture_web/live/clothes_tracker_live.ex

@@ -7,9 +7,15 @@ defmodule PokemonCoutureWeb.ClothesTrackerLive do
   def create_shop_map(clothes, map) do
     case map[clothes.location] do
       nil ->
-        Map.put(map, clothes.location, [clothes])
+        Map.put(map, clothes.location, %{clothes.type => [clothes]})
+      map_of_clothes when is_map(map_of_clothes) ->
+        map_of_clothes = case map_of_clothes[clothes.type] do
+          nil ->
+            Map.put(map_of_clothes, clothes.type, [clothes])
           list_of_clothes when is_list(list_of_clothes) ->
-        Map.put(map, clothes.location, list_of_clothes ++ [clothes])
+            Map.put(map_of_clothes, clothes.type, [clothes | list_of_clothes])
+        end
+        Map.put(map, clothes.location, map_of_clothes)
     end
   end
 

lib/pokemon_couture_web/live/clothes_tracker_live.html.leex

@@ -1,12 +1,13 @@
 <h1>Listing Clothes</h1>
-<%= for {shop, list_of_clothes} <- @clothes_map do %>
+<%= for {shop, map_of_clothes_by_type} <- @clothes_map do %>
   <h2> <%= shop %></h2>
+  <%= for {type, list_of_clothes} <- map_of_clothes_by_type do %>
+    <h3> <%= type %> </h3>
     <table>
       <thead>
         <tr>
           <th>Name</th>
           <th>Color</th>
-        <th>Type</th>
           <th>Game</th>
           <th></th>
          </tr>
@@ -18,3 +19,4 @@
       </tbody>
     </table>
   <% end %>
+<% end %>

lib/pokemon_couture_web/live/components/clothes_component.ex

@@ -8,7 +8,6 @@ defmodule PokemonCoutureWeb.Components.ClothesComponent do
     <tr>
         <td><%= @clothes.name %></td>
         <td><%= @clothes.color %></td>
-        <td><%= @clothes.type %></td>
         <td><%= @clothes.game %></td>
 
         <td>