From b4587483fbf9bdf36e8f9c4b47de204e58fabffd Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sat, 4 Nov 2023 17:53:59 +0000
Subject: [PATCH] ui improvements

---
 .../CourseLandingPage/components/PricingSection.svelte       | 4 ++--
 src/lib/components/PrimaryButton/constants.js                | 2 +-
 src/routes/lms/+page.svelte                                  | 5 ++---
 src/routes/org/[slug]/+page.svelte                           | 3 +--
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/CourseLandingPage/components/PricingSection.svelte b/src/lib/components/CourseLandingPage/components/PricingSection.svelte
index c179a265..7e18d24f 100644
--- a/src/lib/components/CourseLandingPage/components/PricingSection.svelte
+++ b/src/lib/components/CourseLandingPage/components/PricingSection.svelte
@@ -102,7 +102,7 @@
         <!-- Call To Action Buttons -->
         <div class="flex flex-col w-full h-full items-center">
           <PrimaryButton
-            label={isFree ? 'Join Course' : 'Buy Now'}
+            label={isFree ? 'Enroll Now' : 'Buy Now'}
             className="w-full sm:w-full h-[40px]"
             onClick={handleJoinCourse}
             isDisabled={!courseData.metadata.allowNewStudent}
@@ -145,7 +145,7 @@
       <!-- Call To Action Buttons -->
       <div class="flex flex-col w-full items-center">
         <PrimaryButton
-          label={isFree ? 'Join Course' : 'Buy Now'}
+          label={isFree ? 'Enroll Now' : 'Buy Now'}
           className="w-full sm:w-full py-3 mb-3"
           onClick={handleJoinCourse}
           isDisabled={!courseData.metadata.allowNewStudent}
diff --git a/src/lib/components/PrimaryButton/constants.js b/src/lib/components/PrimaryButton/constants.js
index 3b003b2a..9d0b4ddc 100644
--- a/src/lib/components/PrimaryButton/constants.js
+++ b/src/lib/components/PrimaryButton/constants.js
@@ -17,7 +17,7 @@ export const VARIANTS_CLASS = {
   [VARIANTS.CONTAINED_LIGHT]:
     'border-none bg-primary-600 hover:bg-primary-900 text-white font-bold',
   [VARIANTS.CONTAINED_WHITE]:
-    'border-none hover:border-black-300 hover:bg-primary-700 dark:hover:bg-primary-900 text-black hover:text-white bg-white',
+    'border-none bg-white hover:border-black-300 hover:bg-primary-700 dark:hover:bg-primary-900 text-black',
   [VARIANTS.CONTAINED_INFO]: 'border-none bg-gray-400 hover:bg-gray-600 text-white',
   [VARIANTS.CONTAINED_SUCCESS]: 'bg-green-700 hover:bg-green-900 text-white',
   [VARIANTS.CONTAINED_DANGER]: 'bg-red-700 hover:bg-red-900 text-white',
diff --git a/src/routes/lms/+page.svelte b/src/routes/lms/+page.svelte
index 18335c67..0aeece99 100644
--- a/src/routes/lms/+page.svelte
+++ b/src/routes/lms/+page.svelte
@@ -15,7 +15,7 @@
   let totalLessons = 0;
   let totalComPleted = 0;
 
-  async function getCourses(userId: string | null, orgId: string) {
+  async function getCourses(userId: string | undefined, orgId: string) {
     if (hasFetched || !userId || !orgId) {
       return;
     }
@@ -48,7 +48,7 @@
 
 <section class="max-w-6xl gap-5 mx-auto">
   <div class="m-5">
-    <h1 class="dark:text-white text-2xl md:text-3xl font-bold">
+    <h1 class="dark:text-white text-2xl md:text-3xl font-bold mb-3">
       {getGreeting()}
       {$profile.fullname}!
     </h1>
@@ -63,7 +63,6 @@
         <PrimaryButton
           label="Don't give up"
           variant={VARIANTS.CONTAINED_WHITE}
-          className="bg-white text-primary-800"
           onClick={() => goto('/lms/mylearning')}
         />
       </span>
diff --git a/src/routes/org/[slug]/+page.svelte b/src/routes/org/[slug]/+page.svelte
index 7141ef94..3fe1de22 100644
--- a/src/routes/org/[slug]/+page.svelte
+++ b/src/routes/org/[slug]/+page.svelte
@@ -186,7 +186,7 @@
 
 <div class="py-10 px-5 w-full max-w-7xl mx-auto">
   <div class="flex items-center justify-between mb-10">
-    <h1 class="dark:text-white text-2xl md:text-3xl font-bold">
+    <h1 class="dark:text-white text-2xl md:text-3xl font-bold mb-3">
       {getGreeting()}
       {$profile.fullname}!
     </h1>
@@ -219,7 +219,6 @@
       <PrimaryButton
         label="Keep Building 🚀"
         variant={VARIANTS.CONTAINED_WHITE}
-        className="bg-white text-primary-800"
         onClick={() => goto(`${$currentOrgPath}/courses`)}
       />
     </span>