From 7c7ab04e82587684925f353cd21fcb942c5dbf46 Mon Sep 17 00:00:00 2001
From: Tom Konidas <tom@konidas.ca>
Date: Wed, 8 Jan 2025 16:56:28 -0500
Subject: [PATCH] Improve image sizing for play-lh images

---
 lib/plexus_web/components/core_components.ex | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/plexus_web/components/core_components.ex b/lib/plexus_web/components/core_components.ex
index 7d522fb..215cab5 100644
--- a/lib/plexus_web/components/core_components.ex
+++ b/lib/plexus_web/components/core_components.ex
@@ -18,6 +18,7 @@ defmodule PlexusWeb.CoreComponents do
   use Gettext, backend: PlexusWeb.Gettext
 
   alias Phoenix.LiveView.JS
+  alias Plexus.Schemas.App
   alias Plexus.Schemas.Score
 
   @doc """
@@ -627,6 +628,9 @@ defmodule PlexusWeb.CoreComponents do
     """
   end
 
+  defp icon_url(%App{icon_url: url = "https://play-lh" <> _}), do: url <> "=w96-h96"
+  defp icon_url(%App{icon_url: url}), do: url
+
   def card(assigns) do
     assigns =
       assigns
@@ -641,7 +645,7 @@ defmodule PlexusWeb.CoreComponents do
     <div class="flex">
       <div class="aspect-h-1 aspect-w-1 w-24 h-24 bg-white overflow-hidden">
         <img
-          src={@app.icon_url}
+          src={icon_url(@app)}
           alt={@app.name <> " Icon"}
           class="h-full w-full object-cover object-center"
         />