From 69c33fc18fc618686a69fac9f54924f2e03e088d Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Tue, 9 Dec 2025 18:21:50 +1300
Subject: [PATCH] =?UTF-8?q?feat:=20Replace=20NZ=20flag=20with=20Tino=20Ran?=
 =?UTF-8?q?gatiratanga=20flag=20for=20Te=20Reo=20M=C4=81ori?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Uses SVG from mysovereignty.digital for proper Māori representation.
Tooltip still shows "Planned" as requested.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 public/js/components/language-selector.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/js/components/language-selector.js b/public/js/components/language-selector.js
index 0987bae5..28854709 100644
--- a/public/js/components/language-selector.js
+++ b/public/js/components/language-selector.js
@@ -8,7 +8,7 @@
     { code: 'en', name: 'English', flag: '🇬🇧' },
     { code: 'de', name: 'Deutsch', flag: '🇩🇪' },
     { code: 'fr', name: 'Français', flag: '🇫🇷' },
-    { code: 'mi', name: 'Te Reo Māori', flag: '🇳🇿', disabled: true, tooltip: 'Planned' }
+    { code: 'mi', name: 'Te Reo Māori', flagUrl: 'https://stroh.mysovereignty.digital/images/tino-rangatiratanga-flag.svg', disabled: true, tooltip: 'Planned' }
   ];
 
   function createLanguageSelector() {
@@ -32,7 +32,10 @@
             title="${lang.name}${lang.disabled ? ' (' + lang.tooltip + ')' : ''}"
             ${lang.disabled ? 'disabled' : ''}
           >
-            <span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>
+            ${lang.flagUrl
+              ? `<img src="${lang.flagUrl}" alt="${lang.name} flag" class="w-6 h-6 rounded-sm object-cover">`
+              : `<span class="text-2xl" role="img" aria-label="${lang.name} flag">${lang.flag}</span>`
+            }
           </button>
         `).join('')}
       </div>