CLASSROOMIO-T-177: Upload Widget

improve banner image

Merge branch 'main' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-177

Merge branch 'CLASSROOMIO-T-177' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-177

CLASSROOMIO-T-177: Moved API call to backend

general ux improvements

Merge branch 'CLASSROOMIO-T-177' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-177

CLASSROOMIO-T-177: Resolved Feedbacks

CLASSROOMIO-T-177: UI improvements

CLASSROOMIO-T-177: fix styling or image

CLASSROOMIO-T-177: Resolved Feedbacks

CLASSROOMIO-T-177: Landing Page Max Width

CLASSROOMIO-T-177: Refactor Upload Widget

Merge branch 'main' into CLASSROOMIO-T-177

CLASSROOMIO-T-177: Completion of Upload Widget

Merge branch 'main' into CLASSROOMIO-T-177

CLASSROOMIO-T-177: Widget Test


Co-authored-by: Rotimi Best <[email protected]>
Co-authored-by: Tunji Adeyemi <[email protected]>


Merge-request: CLASSROOMIO-MR-86
Merged-by: Best Admin <[email protected]>

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

@@ -0,0 +1,33 @@
+import { json } from '@sveltejs/kit';
+import { UNSPLASH_API_KEY } from '$env/static/private';
+
+const UNSPLASH_API_URL = `https://api.unsplash.com/search/photos?page=2&per_page=15&auto=format&fit=crop&w=2970&q=80&client_id=${UNSPLASH_API_KEY}`;
+
+// API to fetch photos from Unsplash
+export async function POST({ request }) {
+  const body = await request.json();
+  const { searchQuery } = body;
+
+  const query = searchQuery || 'rocks';
+
+  try {
+    const response = await fetch(`${UNSPLASH_API_URL}&query=${encodeURIComponent(query)}`, {
+      method: 'GET',
+    });
+
+    if (!response.ok) {
+      throw new Error('Unable to fetch photos from Unsplash API');
+    }
+
+    const data = await response.json();
+
+    return json({
+      success: true,
+      photos: data.results,
+    });
+  } catch (error) {
+    console.error(error);
+
+    return json({ success: false, message: 'Error fetching photos from Unsplash' }, { status: 500 });
+  }
+}

src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte

@@ -306,7 +306,7 @@
           class="px-2 my-2 pr-4 border-t-0 border-b-0 border-l-0 border border-gray-300 flex items-center"
           on:click={() => goto(path)}
         >
-          <CourseIcon color="#fff" />
+          <CourseIcon />
         </button>
       {/if}
       <button