From b7f72044155583642783c7adca7dd092ebb0f688 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Mon, 4 Aug 2025 18:20:59 +0530
Subject: [PATCH] feat: added badges

---
 src/lib/elements/forms/inputSelect.svelte | 1 +
 src/lib/helpers/regions.ts                | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/elements/forms/inputSelect.svelte b/src/lib/elements/forms/inputSelect.svelte
index 41d77bc98..6d8fd19c0 100644
--- a/src/lib/elements/forms/inputSelect.svelte
+++ b/src/lib/elements/forms/inputSelect.svelte
@@ -16,6 +16,7 @@
         disabled?: boolean;
         leadingIcon?: ComponentType;
         leadingHtml?: string;
+        badge?: string;
     }[];
 
     let element: HTMLSelectElement;
diff --git a/src/lib/helpers/regions.ts b/src/lib/helpers/regions.ts
index 9f04f3fda..82010ee0a 100644
--- a/src/lib/helpers/regions.ts
+++ b/src/lib/helpers/regions.ts
@@ -6,6 +6,7 @@ type RegionOption = {
     value: string;
     disabled: boolean;
     leadingHtml: string;
+    badge?: string;
 };
 
 export function filterRegions(regions: Models.ConsoleRegion[]): RegionOption[] {
@@ -22,6 +23,7 @@ export function filterRegions(regions: Models.ConsoleRegion[]): RegionOption[] {
             label: region.name,
             value: region.$id,
             disabled: region.disabled || !region.available,
-            leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`
+            leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`,
+            badge: region.disabled || !region.available ? 'Coming soon' : undefined
         }));
 }