From 866ff7c48723ed3a7cba70c72a94e87f1bb8840e Mon Sep 17 00:00:00 2001
From: VariableVince <24507472+VariableVince@users.noreply.github.com>
Date: Sun, 18 May 2025 23:13:25 +0200
Subject: [PATCH] Rename helpModal images so CDN cache is refreshed on commit
 (#810)

## Description:

Overwritten images (same file name) from PR
https://github.com/openfrontio/OpenFrontIO/pull/785 took more than a day
to all be shown in Instructions (helpModal) on .dev. Prevent this from
happening on commit to prod by renaming them.

There's talk about cache busting but that isn't implemented (yet) for
now.

Two of the 7 renamed ones:

![afbeelding](https://github.com/user-attachments/assets/71f95659-71ce-4504-9b21-bd02e67c0786)


## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
- [x] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors

## Please put your Discord username so you can be contacted if a bug or
regression is found:

tryout33
---
 .../images/helpModal/{ally.webp => ally2.webp}    | Bin
 .../helpModal/{infoMenu.webp => infoMenu2.webp}   | Bin
 .../{infoMenuAlly.webp => infoMenu2Ally.webp}     | Bin
 .../{leaderboard.webp => leaderboard2.webp}       | Bin
 .../helpModal/{options.webp => options2.webp}     | Bin
 .../{radialMenu.webp => radialMenu2.webp}         | Bin
 .../helpModal/{traitor.webp => traitor2.webp}     | Bin
 src/client/HelpModal.ts                           |  14 +++++++-------
 8 files changed, 7 insertions(+), 7 deletions(-)
 rename resources/images/helpModal/{ally.webp => ally2.webp} (100%)
 rename resources/images/helpModal/{infoMenu.webp => infoMenu2.webp} (100%)
 rename resources/images/helpModal/{infoMenuAlly.webp => infoMenu2Ally.webp} (100%)
 rename resources/images/helpModal/{leaderboard.webp => leaderboard2.webp} (100%)
 rename resources/images/helpModal/{options.webp => options2.webp} (100%)
 rename resources/images/helpModal/{radialMenu.webp => radialMenu2.webp} (100%)
 rename resources/images/helpModal/{traitor.webp => traitor2.webp} (100%)

diff --git a/resources/images/helpModal/ally.webp b/resources/images/helpModal/ally2.webp
similarity index 100%
rename from resources/images/helpModal/ally.webp
rename to resources/images/helpModal/ally2.webp
diff --git a/resources/images/helpModal/infoMenu.webp b/resources/images/helpModal/infoMenu2.webp
similarity index 100%
rename from resources/images/helpModal/infoMenu.webp
rename to resources/images/helpModal/infoMenu2.webp
diff --git a/resources/images/helpModal/infoMenuAlly.webp b/resources/images/helpModal/infoMenu2Ally.webp
similarity index 100%
rename from resources/images/helpModal/infoMenuAlly.webp
rename to resources/images/helpModal/infoMenu2Ally.webp
diff --git a/resources/images/helpModal/leaderboard.webp b/resources/images/helpModal/leaderboard2.webp
similarity index 100%
rename from resources/images/helpModal/leaderboard.webp
rename to resources/images/helpModal/leaderboard2.webp
diff --git a/resources/images/helpModal/options.webp b/resources/images/helpModal/options2.webp
similarity index 100%
rename from resources/images/helpModal/options.webp
rename to resources/images/helpModal/options2.webp
diff --git a/resources/images/helpModal/radialMenu.webp b/resources/images/helpModal/radialMenu2.webp
similarity index 100%
rename from resources/images/helpModal/radialMenu.webp
rename to resources/images/helpModal/radialMenu2.webp
diff --git a/resources/images/helpModal/traitor.webp b/resources/images/helpModal/traitor2.webp
similarity index 100%
rename from resources/images/helpModal/traitor.webp
rename to resources/images/helpModal/traitor2.webp
diff --git a/src/client/HelpModal.ts b/src/client/HelpModal.ts
index b468a5ddc..6209d50ea 100644
--- a/src/client/HelpModal.ts
+++ b/src/client/HelpModal.ts
@@ -135,7 +135,7 @@ export class HelpModal extends LitElement {
               ${translateText("help_modal.ui_leaderboard")}
             </div>
             <img
-              src="/images/helpModal/leaderboard.webp"
+              src="/images/helpModal/leaderboard2.webp"
               alt="Leaderboard"
               title="Leaderboard"
               class="default-image"
@@ -221,7 +221,7 @@ export class HelpModal extends LitElement {
               ${translateText("help_modal.ui_options")}
             </div>
             <img
-              src="/images/helpModal/options.webp"
+              src="/images/helpModal/options2.webp"
               alt="Options"
               title="Options"
               class="default-image"
@@ -270,7 +270,7 @@ export class HelpModal extends LitElement {
         <div class="flex flex-col md:flex-row gap-4">
           <div class="flex flex-col gap-4">
             <img
-              src="/images/helpModal/radialMenu.webp"
+              src="/images/helpModal/radialMenu2.webp"
               alt="Radial menu"
               title="Radial menu"
               class="default-image"
@@ -326,7 +326,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.info_enemy_panel")}
               </div>
               <img
-                src="/images/helpModal/infoMenu.webp"
+                src="/images/helpModal/infoMenu2.webp"
                 alt="Enemy info panel"
                 title="Enemy info panel"
                 class="info-panel-img"
@@ -369,7 +369,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.info_ally_panel")}
               </div>
               <img
-                src="/images/helpModal/infoMenuAlly.webp"
+                src="/images/helpModal/infoMenu2Ally.webp"
                 alt="Ally info panel"
                 title="Ally info panel"
                 class="info-panel-img"
@@ -494,7 +494,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.icon_traitor")}
               </div>
               <img
-                src="/images/helpModal/traitor.webp"
+                src="/images/helpModal/traitor2.webp"
                 alt="Traitor"
                 title="Traitor"
                 class="player-icon-img w-full"
@@ -510,7 +510,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.icon_ally")}
               </div>
               <img
-                src="/images/helpModal/ally.webp"
+                src="/images/helpModal/ally2.webp"
                 alt="Ally"
                 title="Ally"
                 class="player-icon-img w-full"