From 41364421ea2ed5980bada139261760bbb6ee8e31 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 10 Nov 2023 12:14:02 +0100
Subject: [PATCH] fix: fix custom components

---
 .../src/lib/components/InstanceSettings.svelte   | 11 +++++++++++
 .../components/display/AppCustomComponent.svelte | 16 ++++++++++------
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/InstanceSettings.svelte b/frontend/src/lib/components/InstanceSettings.svelte
index 19ab5a10fe..ef87a27ead 100644
--- a/frontend/src/lib/components/InstanceSettings.svelte
+++ b/frontend/src/lib/components/InstanceSettings.svelte
@@ -150,6 +150,8 @@
 	}
 
 	let clientName = ''
+
+	let licenseKeyChanged = false
 </script>
 
 <div class="pb-8">
@@ -387,6 +389,9 @@
 														<textarea
 															rows="2"
 															placeholder={setting.placeholder}
+															on:keydown={() => {
+																licenseKeyChanged = true
+															}}
 															bind:value={values[setting.key]}
 														/>
 														<Button
@@ -407,6 +412,12 @@
 															>
 														{/if}
 													{/if}
+													{#if licenseKeyChanged}
+														<div class="text-yellow-600"
+															>Refresh page after setting license key and saving to unlock all
+															features</div
+														>
+													{/if}
 												{:else if setting.fieldType == 'email'}
 													<input
 														type="email"
diff --git a/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte b/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
index 50f4c82839..5a5f65bb87 100644
--- a/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppCustomComponent.svelte
@@ -61,17 +61,21 @@
 		if (customComponent?.additionalLibs?.reactVersion) {
 			let reactVersion = customComponent.additionalLibs.reactVersion
 			//@ts-ignore
-			await import(`https://unpkg.com/react@${reactVersion}/umd/react.development.js`)
+			await import(
+				/* @vite-ignore */
+				`https://unpkg.com/react@${reactVersion}/umd/react.production.min.js`
+			)
 
 			//@ts-ignore
-			await import(`https://unpkg.com/react-dom@${reactVersion}/umd/react-dom.development.js`)
+			await import(
+				/* @vite-ignore */
+				`https://unpkg.com/react-dom@${reactVersion}/umd/react-dom.production.min.js`
+			)
 		}
 		//@ts-ignore
-		/* @vite-ignore */
 		await import(
-			`http://localhost:3000/api/w/${$workspaceStore ?? 'NO_W'}/resources_u/custom_component/${
-				customComponent.name
-			}`
+			/* @vite-ignore */
+			`/api/w/${$workspaceStore ?? 'NO_W'}/resources_u/custom_component/${customComponent.name}`
 		)
 		loaded = true
 		try {