From fd80710dff9805727dc5c7aa919419840f9bbd56 Mon Sep 17 00:00:00 2001
From: Paul Orffer <paul.orffer@gmail.com>
Date: Wed, 5 Jun 2024 16:57:32 +0200
Subject: [PATCH] feat: display additional load with 3 loads

---
 src/cards/compact-card.ts | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/cards/compact-card.ts b/src/cards/compact-card.ts
index 20ed3574..d59ac414 100644
--- a/src/cards/compact-card.ts
+++ b/src/cards/compact-card.ts
@@ -1250,6 +1250,14 @@ export const compactCard = (config: sunsynkPowerFlowCardConfig, inverterImg: str
                             ${data.stateEssentialLoad2Extra.getUOM()}
                         </text>
                     </a>
+                    <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load2_extra)}>
+                        <text id="ess_load2_extra" x="435" y="332"
+                              display="${(config.entities?.essential_load2_extra && data.additionalLoad === 3) && data.stateEssentialLoad2Extra.isValid() ? '' : 'none'}"
+                              class="st3 right-align" fill="${data.dynamicColourEssentialLoad2}">
+                            ${data.stateEssentialLoad2Extra.toNum(1)}
+                            ${data.stateEssentialLoad2Extra.getUOM()}
+                        </text>
+                    </a>
                     <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load3_extra)}>
                         <text id="ess_load3_extra" x="435" y="332"
                               display="${(config.entities?.essential_load3_extra && data.additionalLoad === 4) && data.stateEssentialLoad3Extra.isValid() ? '' : 'none'}"
@@ -1258,6 +1266,14 @@ export const compactCard = (config: sunsynkPowerFlowCardConfig, inverterImg: str
                             ${data.stateEssentialLoad3Extra.getUOM()}
                         </text>
                     </a>
+                    <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load3_extra)}>
+                        <text id="ess_load3_extra" x="448" y="332"
+                              display="${(config.entities?.essential_load3_extra && data.additionalLoad === 3) && data.stateEssentialLoad3Extra.isValid() ? '' : 'none'}"
+                              class="st3 left-align" fill="${data.dynamicColourEssentialLoad3}">
+                            ${data.stateEssentialLoad3Extra.toNum(1)}
+                            ${data.stateEssentialLoad3Extra.getUOM()}
+                        </text>
+                    </a>
                     <a href="#" @click=${(e) => Utils.handlePopup(e, config.entities.essential_load4_extra)}>
                         <text id="ess_load4_extra" x="448" y="332"
                               display="${(config.entities?.essential_load4_extra && data.additionalLoad === 4) && data.stateEssentialLoad4Extra.isValid() ? '' : 'none'}"