ui improvements

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}

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',

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>

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>