ui improvements

This commit is contained in:
Rotimi Best
2023-11-04 17:53:59 +00:00
parent 2c5700f67c
commit b4587483fb
4 changed files with 6 additions and 8 deletions
@@ -102,7 +102,7 @@
<!-- Call To Action Buttons --> <!-- Call To Action Buttons -->
<div class="flex flex-col w-full h-full items-center"> <div class="flex flex-col w-full h-full items-center">
<PrimaryButton <PrimaryButton
label={isFree ? 'Join Course' : 'Buy Now'} label={isFree ? 'Enroll Now' : 'Buy Now'}
className="w-full sm:w-full h-[40px]" className="w-full sm:w-full h-[40px]"
onClick={handleJoinCourse} onClick={handleJoinCourse}
isDisabled={!courseData.metadata.allowNewStudent} isDisabled={!courseData.metadata.allowNewStudent}
@@ -145,7 +145,7 @@
<!-- Call To Action Buttons --> <!-- Call To Action Buttons -->
<div class="flex flex-col w-full items-center"> <div class="flex flex-col w-full items-center">
<PrimaryButton <PrimaryButton
label={isFree ? 'Join Course' : 'Buy Now'} label={isFree ? 'Enroll Now' : 'Buy Now'}
className="w-full sm:w-full py-3 mb-3" className="w-full sm:w-full py-3 mb-3"
onClick={handleJoinCourse} onClick={handleJoinCourse}
isDisabled={!courseData.metadata.allowNewStudent} isDisabled={!courseData.metadata.allowNewStudent}
@@ -17,7 +17,7 @@ export const VARIANTS_CLASS = {
[VARIANTS.CONTAINED_LIGHT]: [VARIANTS.CONTAINED_LIGHT]:
'border-none bg-primary-600 hover:bg-primary-900 text-white font-bold', 'border-none bg-primary-600 hover:bg-primary-900 text-white font-bold',
[VARIANTS.CONTAINED_WHITE]: [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_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_SUCCESS]: 'bg-green-700 hover:bg-green-900 text-white',
[VARIANTS.CONTAINED_DANGER]: 'bg-red-700 hover:bg-red-900 text-white', [VARIANTS.CONTAINED_DANGER]: 'bg-red-700 hover:bg-red-900 text-white',
+2 -3
View File
@@ -15,7 +15,7 @@
let totalLessons = 0; let totalLessons = 0;
let totalComPleted = 0; let totalComPleted = 0;
async function getCourses(userId: string | null, orgId: string) { async function getCourses(userId: string | undefined, orgId: string) {
if (hasFetched || !userId || !orgId) { if (hasFetched || !userId || !orgId) {
return; return;
} }
@@ -48,7 +48,7 @@
<section class="max-w-6xl gap-5 mx-auto"> <section class="max-w-6xl gap-5 mx-auto">
<div class="m-5"> <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()} {getGreeting()}
{$profile.fullname}! {$profile.fullname}!
</h1> </h1>
@@ -63,7 +63,6 @@
<PrimaryButton <PrimaryButton
label="Don't give up" label="Don't give up"
variant={VARIANTS.CONTAINED_WHITE} variant={VARIANTS.CONTAINED_WHITE}
className="bg-white text-primary-800"
onClick={() => goto('/lms/mylearning')} onClick={() => goto('/lms/mylearning')}
/> />
</span> </span>
+1 -2
View File
@@ -186,7 +186,7 @@
<div class="py-10 px-5 w-full max-w-7xl mx-auto"> <div class="py-10 px-5 w-full max-w-7xl mx-auto">
<div class="flex items-center justify-between mb-10"> <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()} {getGreeting()}
{$profile.fullname}! {$profile.fullname}!
</h1> </h1>
@@ -219,7 +219,6 @@
<PrimaryButton <PrimaryButton
label="Keep Building 🚀" label="Keep Building 🚀"
variant={VARIANTS.CONTAINED_WHITE} variant={VARIANTS.CONTAINED_WHITE}
className="bg-white text-primary-800"
onClick={() => goto(`${$currentOrgPath}/courses`)} onClick={() => goto(`${$currentOrgPath}/courses`)}
/> />
</span> </span>