feat: course details page

frontend/src/stores/session.js

@@ -5,9 +5,9 @@ import router from '@/router'
 import { ref, computed } from 'vue'
 
 export const sessionStore = defineStore('lms-session', () => {
-	const { users } = usersStore()
+	const { user, usersByName } = usersStore()
 
-	function sessionUser() {
+	function currentUser() {
 		let cookies = new URLSearchParams(document.cookie.split('; ').join('&'))
 		let _sessionUser = cookies.get('user_id')
 		if (_sessionUser === 'Guest') {
@@ -16,9 +16,18 @@ export const sessionStore = defineStore('lms-session', () => {
 		return _sessionUser
 	}
 
-	let user = ref(sessionUser())
+	let sessionUser = ref(currentUser())
+	const isLoggedIn = ref(!!sessionUser.value)
 
-	const isLoggedIn = computed(() => !!user.value)
+	function getUser() {
+		if (!sessionUser.value) {
+			return null
+		}
+		if (usersByName[sessionUser.value]) {
+			return usersByName[sessionUser.value]
+		}
+		return user.value
+	}
 
 	const login = createResource({
 		url: 'login',
@@ -26,8 +35,8 @@ export const sessionStore = defineStore('lms-session', () => {
 			throw new Error('Invalid email or password')
 		},
 		onSuccess() {
-			users.reload()
-			user.value = sessionUser()
+			user.reload()
+			sessionUser.value = currentUser()
 			login.reset()
 			router.replace({ path: '/' })
 		},
@@ -36,15 +45,16 @@ export const sessionStore = defineStore('lms-session', () => {
 	const logout = createResource({
 		url: 'logout',
 		onSuccess() {
-			users.reset()
-			user.value = null
+			user.reset()
+			sessionUser.value = null
 		},
 	})
 
 	return {
-		user,
+		sessionUser,
 		isLoggedIn,
 		login,
 		logout,
+		getUser,
 	}
 })

frontend/src/stores/user.js

@@ -1,22 +1,19 @@
 import { defineStore } from 'pinia'
 import { createResource } from 'frappe-ui'
-import { sessionStore } from './session'
 import { reactive } from 'vue'
 
 export const usersStore = defineStore('lms-users', () => {
-	const session = sessionStore()
-
 	let usersByName = reactive({})
 
-	const users = createResource({
+	const user = createResource({
 		url: 'lms.lms.api.get_user_info',
 		cache: 'Users',
 		initialData: [],
-		transform(users) {
-			for (let user of users) {
-				usersByName[user.name] = user
+		auto: true,
+		transform: (data) => {
+			if (data?.name && !usersByName[data.name]) {
+				usersByName[data.name] = data
 			}
-			return users
 		},
 		onError(error) {
 			if (error && error.exc_type === 'AuthenticationError') {
@@ -25,27 +22,8 @@ export const usersStore = defineStore('lms-users', () => {
 		},
 	})
 
-	function getUser(email) {
-		if (!email || email === 'sessionUser') {
-			email = session.user
-		}
-		if (!email) {
-			return null
-		}
-		if (!usersByName[email]) {
-			usersByName[email] = {
-				name: email,
-				email: email,
-				full_name: email.split('@')[0],
-				user_image: null,
-				roles: ['LMS Student'],
-			}
-		}
-		return usersByName[email]
-	}
-
 	return {
-		users,
-		getUser,
+		user,
+		usersByName,
 	}
 })