feat: course creation resources

frontend/src/components/CourseCardOverlay.vue

@@ -57,16 +57,21 @@
 					{{ __('Start Learning') }}
 				</span>
 			</Button>
-			<Button
-				v-if="user?.data?.is_moderator"
-				variant="subtle"
-				class="w-full"
-				size="md"
+			<router-link
+				v-if="user?.data?.is_moderator || is_instructor()"
+				:to="{
+					name: 'CreateCourse',
+					params: {
+						courseName: course.data.name,
+					},
+				}"
 			>
-				<span>
-					{{ __('Edit') }}
-				</span>
-			</Button>
+				<Button variant="subtle" class="w-full mt-2" size="md">
+					<span>
+						{{ __('Edit') }}
+					</span>
+				</Button>
+			</router-link>
 			<div class="mt-8 mb-4 font-medium">
 				{{ __('This course has:') }}
 			</div>
@@ -154,4 +159,6 @@ function enrollStudent() {
 			})
 	}
 }
+
+const is_instructor = () => {}
 </script>

frontend/src/components/CourseOutline.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="text-base">
-		<div v-if="showHeader" class="flex justify-between mb-4">
+		<div
+			v-if="showHeader && outline.data?.length"
+			class="flex justify-between mb-4"
+		>
 			<div class="text-2xl font-semibold">
 				{{ __('Course Content') }}
 			</div>
@@ -8,7 +11,11 @@
 				{{ expandAll ? __("Collapse all chapters") : __("Expand all chapters") }}
 			</span> -->
 		</div>
-		<div :class="{ 'shadow rounded-md pt-2 px-2': showOutline }">
+		<div
+			:class="{
+				'shadow rounded-md pt-2 px-2': showOutline && outline.data?.length,
+			}"
+		>
 			<Disclosure
 				v-slot="{ open }"
 				v-for="(chapter, index) in outline.data"

frontend/src/components/UserDropdown.vue

@@ -60,7 +60,6 @@ const props = defineProps({
 
 const { logout, user } = sessionStore()
 let { isLoggedIn } = sessionStore()
-console.log(user)
 const userDropdownOptions = [
 	{
 		icon: User,