fix: timePerScreen setting and third party source labeling

src/lib/components/SettingsInput.svelte

@@ -25,10 +25,10 @@
 	export let invalid: boolean | undefined = undefined;
 	export let minlength: string | undefined = undefined;
 	export let onChange: (() => void) | undefined = undefined;
-	export let onInput: (() => void) | undefined = undefined;
+	export let onInput: ((e: Event) => void) | undefined = undefined;
 
-	const onInputHandler = () => {
+	const onInputHandler = (e: Event) => {
-		onInput?.();
+		onInput?.(e);
 	};
 </script>
 

src/lib/components/settings/DisplaySettings.svelte

@@ -33,6 +33,8 @@
 			: font.charAt(0).toUpperCase() + font.slice(1),
 		font
 	]);
+
+	let timePerScreen = $settings.timePerScreen;
 </script>
 
 <Row>
@@ -61,7 +63,8 @@
 		<SettingsInput
 			id="timePerScreen"
 			label={$_('section.settings.timePerScreen')}
-			bind:value={$settings.timePerScreen}
+			bind:value={timePerScreen}
+			onInput={(e) => ($settings.timePerScreen = Number(e.target.value))}
 			type="number"
 			min={1}
 			step={1}
@@ -69,7 +72,6 @@
 			suffix={$_('time.minutes')}
 			size={$uiSettings.inputSize}
 		/>
-
 		<SettingsInput
 			id="fullRefreshMin"
 			label={$_('section.settings.fullRefreshEvery')}

src/lib/locales/en.json

@@ -78,7 +78,7 @@
 			"dataSource": {
 				"label": "Data Source",
 				"btclock": "BTClock Data Source",
-				"thirdParty": "mempool.space/coincap.io",
+				"thirdParty": "mempool.space/Kraken",
 				"nostr": "Nostr publisher",
 				"custom": "Custom Endpoint"
 			},

src/routes/+page.svelte

@@ -13,9 +13,8 @@
 	import { uiSettings } from '$lib/uiSettings';
 
 	let settings = writable({
-		fgColor: '0',
+		isLoaded: false,
-		bgColor: '0',
+		timePerScreen: 0
-		isLoaded: false
 	});
 
 	let status = writable({