make sure every link starts with http:// or https:// / fix s1lvax#14

amananand20 · Oct 12, 2024 · 4da83a2 · 4da83a2
1 parent 1f88356
commit 4da83a2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/lib/components/LinkForm.svelte b/src/lib/components/LinkForm.svelte
@@ -18,7 +18,7 @@
 	method="POST"
 	use:enhance
 	action="?/createLink"
-	class="flex w-full max-w-sm items-center space-x-2"
+	class="flex w-full max-w-lg items-center justify-start space-x-4"
 >
 	<div class="flex flex-col">
 		<Form.Field {form} name="title">
@@ -40,5 +40,5 @@
 		</Form.Field>
 	</div>
 
-	<Form.Button>Add</Form.Button>
+	<Form.Button class="mt-5 flex align-bottom">Add</Form.Button>
 </form>
diff --git a/src/lib/schemas/links.ts b/src/lib/schemas/links.ts
@@ -2,7 +2,13 @@ import { z } from 'zod';
 
 export const linksSchema = z.object({
 	title: z.string().min(1).max(50),
-	url: z.string().min(10).max(200)
+	url: z
+		.string()
+		.min(10)
+		.max(200)
+		.refine((val) => val.startsWith('http://') || val.startsWith('https://'), {
+			message: 'Oops! URLs usually start with http:// or https:// :P'
+		})
 });
 
 export type LinksSchema = typeof linksSchema;