Add image url to adventures and plans

src/lib/components/CreateNewAdventure.svelte

@@ -9,6 +9,7 @@
     location: "",
     date: "",
     activityTypes: [],
+    imageUrl: "",
   };
 
   import { createEventDispatcher } from "svelte";
@@ -121,6 +122,16 @@
             class="input input-bordered w-full max-w-xs"
           />
         </div>
+        <div>
+          <label for="rating">Image URL</label>
+          <input
+            type="url"
+            id="iamgeUrl"
+            bind:value={newAdventure.imageUrl}
+            class="input input-bordered w-full max-w-xs"
+          />
+        </div>
+
         <button
           type="submit"
           class="btn btn-primary mr-4 mt-4"

src/lib/components/EditModal.svelte

@@ -110,6 +110,15 @@
             class="input input-bordered w-full max-w-xs"
           />
         </div>
+        <div>
+          <label for="rating">Image URL</label>
+          <input
+            type="url"
+            id="imageUrl"
+            bind:value={adventureToEdit.imageUrl}
+            class="input input-bordered w-full max-w-xs"
+          />
+        </div>
         <button class="btn btn-primary mr-4 mt-4" on:click={submit}>Save</button
         >
         <!-- if there is a button in form, it will close the modal -->

src/routes/api/adventure/+server.ts

@@ -28,8 +28,8 @@ export const GET: RequestHandler = async ({ url, locals }) => {
     .where(
       and(
         eq(adventureTable.id, Number(id)), // Convert id to number
-        eq(adventureTable.userId, user.id),
+        eq(adventureTable.userId, user.id)
-        eq(adventureTable.type, "mylog")
+        // eq(adventureTable.type, "mylog")
       )
     )
     .limit(1)

src/routes/api/planner/+server.ts

@@ -109,8 +109,16 @@ export async function POST(event: RequestEvent): Promise<Response> {
     });
   }
 
-  const { name, location, date, description, activityTypes, rating, tripId } =
+  const {
-    body.detailAdventure;
+    name,
+    location,
+    date,
+    description,
+    activityTypes,
+    rating,
+    tripId,
+    imageUrl,
+  } = body.detailAdventure;
 
   if (!name) {
     return error(400, {
@@ -139,6 +147,7 @@ export async function POST(event: RequestEvent): Promise<Response> {
       description: description || null,
       activityTypes: JSON.stringify(activityTypes) || null,
       rating: rating || null,
+      imageUrl: imageUrl || null,
     })
     .returning({ insertedId: adventureTable.id })
     .execute();
@@ -182,8 +191,16 @@ export async function PUT(event: RequestEvent): Promise<Response> {
     });
   }
 
-  const { name, location, date, description, activityTypes, id, rating } =
+  const {
-    body.detailAdventure;
+    name,
+    location,
+    date,
+    description,
+    activityTypes,
+    id,
+    rating,
+    imageUrl,
+  } = body.detailAdventure;
 
   if (!name) {
     return error(400, {
@@ -201,6 +218,7 @@ export async function PUT(event: RequestEvent): Promise<Response> {
       description: description,
       rating: rating,
       activityTypes: JSON.stringify(activityTypes),
+      imageUrl: imageUrl,
     })
     .where(
       and(

src/routes/api/visits/+server.ts

@@ -108,7 +108,7 @@ export async function POST(event: RequestEvent): Promise<Response> {
     });
   }
 
-  const { name, location, date, description, activityTypes, rating } =
+  const { name, location, date, description, activityTypes, rating, imageUrl } =
     body.detailAdventure;
 
   if (!name) {
@@ -137,6 +137,7 @@ export async function POST(event: RequestEvent): Promise<Response> {
       description: description || null,
       activityTypes: JSON.stringify(activityTypes) || null,
       rating: rating || null,
+      imageUrl: imageUrl || null,
     })
     .returning({ insertedId: adventureTable.id })
     .execute();
@@ -180,8 +181,17 @@ export async function PUT(event: RequestEvent): Promise<Response> {
     });
   }
 
-  const { name, location, date, description, activityTypes, id, rating, type } =
+  const {
-    body.detailAdventure;
+    name,
+    location,
+    date,
+    description,
+    activityTypes,
+    id,
+    rating,
+    type,
+    imageUrl,
+  } = body.detailAdventure;
 
   if (!name) {
     return error(400, {
@@ -206,6 +216,7 @@ export async function PUT(event: RequestEvent): Promise<Response> {
       description: description,
       rating: rating,
       activityTypes: JSON.stringify(activityTypes),
+      imageUrl: imageUrl,
     })
     .where(
       and(