From 24c81fb87ded75749535428e3db153dee088186b Mon Sep 17 00:00:00 2001
From: rotimi-best <best@classroomio.com>
Date: Sun, 29 Aug 2021 20:35:58 +0300
Subject: [PATCH] UI fixes to bg-color

---
 .../Course/components/Settings/index.svelte         | 10 +++++-----
 src/components/Course/index.svelte                  |  4 +---
 src/components/Courses/components/Card/index.svelte |  2 +-
 src/components/UploadImage/index.svelte             |  4 ++--
 src/routes/_layout.svelte                           |  2 +-
 src/routes/courses.svelte                           | 13 ++++++++-----
 6 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/Course/components/Settings/index.svelte b/src/components/Course/components/Settings/index.svelte
index 1a86b57b..c1f9efd9 100644
--- a/src/components/Course/components/Settings/index.svelte
+++ b/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"
diff --git a/src/components/Course/index.svelte b/src/components/Course/index.svelte
index dd6ad841..68e090b8 100644
--- a/src/components/Course/index.svelte
+++ b/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;
diff --git a/src/components/Courses/components/Card/index.svelte b/src/components/Courses/components/Card/index.svelte
index 98db67ac..b426482c 100644
--- a/src/components/Courses/components/Card/index.svelte
+++ b/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
diff --git a/src/components/UploadImage/index.svelte b/src/components/UploadImage/index.svelte
index 7c4b8acf..ac75e56d 100644
--- a/src/components/UploadImage/index.svelte
+++ b/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"
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index d468de53..27a8c3c0 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -151,7 +151,7 @@
 
 <style>
   main {
-    background-color: white;
+    background-color: #fafbfc;
     box-sizing: border-box;
   }
 
diff --git a/src/routes/courses.svelte b/src/routes/courses.svelte
index 77735c11..d5afd24d 100644
--- a/src/routes/courses.svelte
+++ b/src/routes/courses.svelte
@@ -134,7 +134,7 @@
   <title>Courses</title>
 </svelte:head>
 
-<section class="w-11/12 m-auto">
+<section class="root">
   <!-- <PageNav title="Courses">
     <div slot="widget">
       <PrimaryButton
@@ -201,10 +201,13 @@
 </section>
 
 <style>
-  /* .root {
-    min-width: 600px;
+  .root {
+    width: 100%;
+    padding: 0 10px;
+    min-height: 90vh;
+    /* min-width: 600px;
     margin: 0 auto;
     border-left: 1px solid var(--border-color);
-    border-right: 1px solid var(--border-color);
-  } */
+    border-right: 1px solid var(--border-color); */
+  }
 </style>