UI fixes to bg-color

src/components/Course/components/Settings/index.svelte

@@ -46,11 +46,11 @@
     await deleteCourse($course.id);
   }
 
-  function setAvatar(logo) {
-    avatar = logo;
-  }
+  // function setAvatar(logo) {
+  //   avatar = logo;
+  // }
 
-  $: setAvatar($course.logo);
+  // $: setAvatar($course.logo);
 </script>
 
 <Modal
@@ -80,7 +80,7 @@
     </form>
   {:else}
     <form on:submit|preventDefault={updateDescription}>
-      <UploadImage bind:avatar />
+      <UploadImage bind:avatar src={$course.logo} />
       <TextField
         bind:value={$course.title}
         placeholder="Course title"

src/components/Course/index.svelte

@@ -16,9 +16,7 @@
       mode = MODES.view;
       if (isDirty) {
         const { overview, id } = $course;
-        const { data, error } = await updateCourse(id, { overview });
-        console.log(`data`, data);
-        console.log(`error`, error);
+        await updateCourse(id, { overview });
       }
     } else {
       mode = MODES.edit;

src/components/Courses/components/Card/index.svelte

@@ -7,7 +7,7 @@
 
 <a
   rel="prefetch"
-  class="root w-72 border bg-gray-100 px-2 py-7 mr-4 mb-4 rounded-md hover:shadow-2xl transition ease-in-out"
+  class="root w-72 border bg-white px-2 py-2 mr-4 mb-4 rounded-md hover:shadow-2xl transition ease-in-out"
   href="/courses/{id}"
 >
   <img

src/components/UploadImage/index.svelte

@@ -25,9 +25,9 @@
     }}
   >
     {#if src}
-      <img class="w-full h-full rounded-full" {src} alt="d" />
+      <img class="w-full h-full rounded-full" {src} alt="Avatar" />
     {:else if avatar}
-      <img class="w-full h-full rounded-full" src={avatar} alt="d" />
+      <img class="w-full h-full rounded-full" src={avatar} alt="Avatar" />
     {:else}
       <img
         class="w-full h-full rounded-full"