Chore: some polising

Author: dorianim

client/src/routes/manage/[id]/+page.svelte

@@ -12,7 +12,7 @@
 
 	export let data: PageData;
 	let { timerData } = data;
-	let submitResult: Promise<Timer> | undefined;
+	let submitResult: Promise<Timer | void> = Promise.resolve();
 
 	$: {
 		if (browser && !localStorage.getItem('token')) goto('/manage/login');
@@ -55,7 +55,7 @@
 				<button
 					class="btn-icon"
 					on:click={() => {
-						submitResult = undefined;
+						submitResult = Promise.resolve();
 					}}><Fa icon={faClose} /></button
 				>
 			</aside>
@@ -71,7 +71,7 @@
 			<button
 				class="btn-icon"
 				on:click={() => {
-					submitResult = undefined;
+					submitResult = Promise.resolve();
 				}}><Fa icon={faClose} /></button
 			>
 		</div>
@@ -80,6 +80,7 @@
 </div>
 
 <div class="m-auto text-center">
-	Alternatively, you can <a href="/">view an existing timer</a> or
-	<a href="/manage/login">manage an existing timer</a>
+	Alternatively, you can <a href="/">view an existing timer</a>,
+	<a href="/manage/login">manage a diffrent existing timer</a> or
+	<a href="/manage/create">create a new timer</a>
 </div>

client/src/routes/manage/create/+page.svelte

@@ -11,7 +11,15 @@
 
 	export let data: PageData;
 	const { fetch } = data;
-	let submitResult: Promise<string> | undefined;
+	let submitResult: Promise<string | void> = Promise.resolve();
+
+	interface ErrorMessages {
+		[key: number]: string;
+	}
+
+	const errorMessages: ErrorMessages = {
+		409: 'A timer with that name already exists'
+	};
 
 	const onSubmit = (timerData: TimerCreationRequest) => {
 		submitResult = fetch(`${get(API_URL)}/timer`, {
@@ -22,9 +30,12 @@
 			}
 		})
 			.then((res) => {
-				if (!res.ok) {
+				if (!res.ok && res.status in errorMessages) {
+					throw new Error(errorMessages[res.status]);
+				} else if (!res.ok) {
 					throw new Error(res.statusText);
 				}
+
 				return res.json();
 			})
 			.then((data) => {
@@ -61,7 +72,7 @@
 			<button
 				class="btn-icon"
 				on:click={() => {
-					submitResult = undefined;
+					submitResult = Promise.resolve();
 				}}><Fa icon={faClose} /></button
 			>
 		</aside>

client/src/routes/manage/login/+page.svelte

@@ -10,7 +10,7 @@
 
 	export let data: PageData;
 	const { fetch } = data;
-	let submitResult: Promise<string> | undefined;
+	let submitResult: Promise<string | void> = Promise.resolve();
 
 	const onSubmit = async (id: string, password: string) => {
 		submitResult = fetch(`${get(API_URL)}/timer/token`, {
@@ -62,7 +62,7 @@
 			<button
 				class="btn-icon"
 				on:click={() => {
-					submitResult = undefined;
+					submitResult = Promise.resolve();
 				}}><Fa icon={faClose} /></button
 			>
 		</aside>