feat: Convert activity input to lowercase for consistency

backend/server/adventures/models.py

@@ -42,6 +42,7 @@ class Adventure(models.Model):
                 raise ValidationError('Adventures associated with a public collection must be public. Collection: ' + self.trip.name + ' Adventure: ' + self.name)
             if self.user_id != self.collection.user_id:
                 raise ValidationError('Adventures must be associated with collections owned by the same user. Collection owner: ' + self.collection.user_id.username + ' Adventure owner: ' + self.user_id.username)
+
     def __str__(self):
         return self.name
 

backend/server/adventures/serializers.py

@@ -18,6 +18,11 @@ class AdventureSerializer(serializers.ModelSerializer):
             representation['image'] = f"{public_url}/media/{instance.image.name}"
         return representation
     
+    def validate_activity_types(self, value):
+        if value:
+            return [activity.lower() for activity in value]
+        return value
+    
 class CollectionSerializer(serializers.ModelSerializer):
     adventures = AdventureSerializer(many=True, read_only=True, source='adventure_set')
 

frontend/src/lib/components/ActivityComplete.svelte

@@ -20,7 +20,7 @@
 
 	function addActivity() {
 		if (inputVal && activities) {
-			const trimmedInput = inputVal.trim();
+			const trimmedInput = inputVal.trim().toLocaleLowerCase();
 			if (trimmedInput && !activities.includes(trimmedInput)) {
 				activities = [...activities, trimmedInput];
 				inputVal = '';

frontend/src/lib/components/Navbar.svelte

@@ -83,6 +83,25 @@
 					<li>
 						<button on:click={() => goto('/map')}>Map</button>
 					</li>
+					<form class="flex gap-2">
+						<label class="input input-bordered flex items-center gap-2">
+							<input type="text" bind:value={query} class="grow" placeholder="Search" />
+
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								viewBox="0 0 16 16"
+								fill="currentColor"
+								class="h-4 w-4 opacity-70"
+							>
+								<path
+									fill-rule="evenodd"
+									d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
+									clip-rule="evenodd"
+								/>
+							</svg>
+						</label>
+						<button on:click={searchGo} type="submit" class="btn btn-neutral">Search</button>
+					</form>
 				{/if}
 
 				{#if !data.user}
@@ -115,10 +134,10 @@
 				<li>
 					<button class="btn btn-neutral" on:click={() => goto('/map')}>Map</button>
 				</li>
+				<form class="flex gap-2">
 					<label class="input input-bordered flex items-center gap-2">
-					<form>
 						<input type="text" bind:value={query} class="grow" placeholder="Search" />
-					</form>
+
 						<svg
 							xmlns="http://www.w3.org/2000/svg"
 							viewBox="0 0 16 16"
@@ -133,6 +152,7 @@
 						</svg>
 					</label>
 					<button on:click={searchGo} type="submit" class="btn btn-neutral">Search</button>
+				</form>
 			{/if}
 
 			{#if !data.user}