From ca4ca371ff205d4e99d15328ee2772d09bef7d3f Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 24 Jul 2023 16:13:30 +0200
Subject: [PATCH] UX nits

---
 frontend/src/lib/common.ts                              | 9 +++++++++
 frontend/src/lib/components/flows/map/MapItem.svelte    | 5 ++++-
 frontend/src/routes/(root)/(logged)/groups/+page.svelte | 6 +++++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/common.ts b/frontend/src/lib/common.ts
index b3376b306b..af1af01141 100644
--- a/frontend/src/lib/common.ts
+++ b/frontend/src/lib/common.ts
@@ -74,3 +74,12 @@ export function pathToMeta(path: string): Meta {
 		name: splitted.slice(2).join('/')
 	}
 }
+
+export function prettyLanguage(lang: string) {
+	switch (lang) {
+		case 'nativets':
+			return 'Native Typescript'
+		default:
+			return lang.charAt(0).toUpperCase() + lang.slice(1)
+	}
+}
diff --git a/frontend/src/lib/components/flows/map/MapItem.svelte b/frontend/src/lib/components/flows/map/MapItem.svelte
index 6d16c326cf..bde4b0ec61 100644
--- a/frontend/src/lib/components/flows/map/MapItem.svelte
+++ b/frontend/src/lib/components/flows/map/MapItem.svelte
@@ -10,6 +10,7 @@
 	import type { Writable } from 'svelte/store'
 	import FlowModuleSchemaItem from './FlowModuleSchemaItem.svelte'
 	import InsertModuleButton from './InsertModuleButton.svelte'
+	import { prettyLanguage } from '$lib/common'
 
 	export let mod: FlowModule
 	export let trigger: boolean
@@ -154,7 +155,9 @@
 					{bgColor}
 					label={mod.summary ||
 						(`path` in mod.value ? mod.value.path : undefined) ||
-						(mod.value.type === 'rawscript' ? `Inline ${mod.value.language}` : 'To be defined')}
+						(mod.value.type === 'rawscript'
+							? `Inline ${prettyLanguage(mod.value.language)}`
+							: 'To be defined')}
 				>
 					<div slot="icon">
 						{#if mod.value.type === 'rawscript'}
diff --git a/frontend/src/routes/(root)/(logged)/groups/+page.svelte b/frontend/src/routes/(root)/(logged)/groups/+page.svelte
index 5494ad18ec..075ea65069 100644
--- a/frontend/src/routes/(root)/(logged)/groups/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/groups/+page.svelte
@@ -29,7 +29,11 @@
 	}
 
 	async function loadInstanceGroups(): Promise<void> {
-		instanceGroups = await GroupService.listInstanceGroups()
+		try {
+			instanceGroups = await GroupService.listInstanceGroups()
+		} catch (e) {
+			instanceGroups = undefined
+		}
 	}
 
 	function handleKeyUp(event: KeyboardEvent) {