chore: Minor fixes on profile page
diff --git a/erpnext/public/js/education/lms/components/ProfileInfo.vue b/erpnext/public/js/education/lms/components/ProfileInfo.vue
index f21b13f..e514933 100644
--- a/erpnext/public/js/education/lms/components/ProfileInfo.vue
+++ b/erpnext/public/js/education/lms/components/ProfileInfo.vue
@@ -28,9 +28,10 @@
<li class="row">
<div class="col-md-3 col-sm-4 pr-0 text-muted">Programs Enrolled:</div>
<div class="col-md-9 col-sm-8">
- <ul>
+ <ul v-if="enrolledPrograms">
<li v-for="program in enrolledPrograms" :key="program">{{ program }}</li>
</ul>
+ <span v-else>None</span>
</div>
</li>
</ul>
diff --git a/erpnext/public/js/education/lms/pages/ProfilePage.vue b/erpnext/public/js/education/lms/pages/ProfilePage.vue
index 06b6a79..c926463 100644
--- a/erpnext/public/js/education/lms/pages/ProfilePage.vue
+++ b/erpnext/public/js/education/lms/pages/ProfilePage.vue
@@ -1,12 +1,17 @@
<template>
<div>
<ProfileInfo :enrolledPrograms="enrolledPrograms"></ProfileInfo>
- <CardList :title="'Your Progress'" :description="''" :sectionType="'section-padding section-bg'">
- <ProgressCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
- </CardList>
- <CardList :title="'Quiz Attempts'" :description="''" :sectionType="'section-padding section'">
- <ScoreCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
- </CardList>
+ <div v-if="enrolledPrograms">
+ <CardList :title="'Your Progress'" :description="''" :sectionType="'section-padding section-bg'">
+ <ProgressCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
+ </CardList>
+ <CardList :title="'Quiz Attempts'" :description="''" :sectionType="'section-padding section'">
+ <ScoreCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
+ </CardList>
+ </div>
+ <div v-else>
+ You haven't enrolled in any programs yet.
+ </div>
</div>
</template>