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: `
`
+ leadingHtml: `
`,
+ badge: region.disabled || !region.available ? 'Coming soon' : undefined
}));
}