updates

lib/cobblemon_ui_web/live/pokemon_components.ex

@@ -1,6 +1,8 @@
 defmodule CobblemonUiWeb.PokemonComponents do
   use CobblemonUiWeb, :html
 
+  alias CobblemonUiWeb.TypeIcons
+
   attr :pokemon, :map, required: true
   attr :index, :integer, required: true
   attr :compact, :boolean, default: false
@@ -106,7 +108,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
         <%!-- Sprite --%>
         <div class="w-12 h-12 rounded-lg bg-base-300/15 flex items-center justify-center shrink-0 overflow-hidden">
           <img
-            src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{String.downcase(@pokemon.species || "")}.png"}
+            src={CobblemonUi.SpriteCache.sprite_url(@pokemon.species || "")}
             alt={@pokemon.species}
             class="w-10 h-10 object-contain drop-shadow-sm"
           />
@@ -145,7 +147,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
           <%= for evo <- @evo_tiers do %>
             <div class="flex items-center gap-1 rounded bg-base-300/15 px-1.5 py-0.5">
               <img
-                src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{evo.species}.png"}
+                src={CobblemonUi.SpriteCache.sprite_url(evo.species)}
                 alt={evo.species}
                 class="w-4 h-4 object-contain opacity-70"
               />
@@ -198,7 +200,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
         <div class="flex items-center gap-3">
           <div class="w-16 h-16 rounded-lg bg-base-300/20 flex items-center justify-center shrink-0 overflow-hidden">
             <img
-              src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{String.downcase(@pokemon.species || "")}.png"}
+              src={CobblemonUi.SpriteCache.sprite_url(@pokemon.species || "")}
               alt={@pokemon.species}
               class="w-14 h-14 object-contain drop-shadow-sm"
             />
@@ -391,7 +393,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
         "w-11 h-11 rounded-full flex items-center justify-center shrink-0 shadow-sm mt-0.5",
         TypeChart.type_color(@type_name)
       ]}>
-        <img src={"/images/types/#{@type_name}.svg"} alt={@type_name} class="w-6 h-6" />
+        <TypeIcons.type_icon type={@type_name} class="w-6 h-6" />
       </div>
       <%!-- Weakness / Resistance rows --%>
       <div class="flex-1 min-w-0">
@@ -445,7 +447,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
       ]}
       title={@type_name}
     >
-      <img src={"/images/types/#{@type_name}.svg"} alt={@type_name} class="w-3 h-3" />
+      <TypeIcons.type_icon type={@type_name} class="w-3 h-3" />
     </span>
     """
   end