rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add refetch capability to contributor status hook and update course actions to utilize it

Browse source
This commit is contained in:
swve 2025-03-22 22:20:37 +01:00
parent b6059f8d5c
commit 837e5842c5
2 changed files with 33 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/web/components/Objects/Courses/CourseActions/CoursesActions.tsx
View file

@ -193,7 +193,7 @@ const Actions = ({ courseuuid, orgslug, course }: CourseActionsProps) => {
const [isContributeLoading, setIsContributeLoading] = useState(false)
const [isModalOpen, setIsModalOpen] = useState(false)
const [hasAccess, setHasAccess] = useState<boolean | null>(null)
const { contributorStatus } = useContributorStatus(courseuuid);
const { contributorStatus, refetch } = useContributorStatus(courseuuid);
const isStarted = course.trail?.runs?.some(
(run) => run.status === 'STATUS_IN_PROGRESS' && run.course_id === course.id
@ -306,6 +306,7 @@ const Actions = ({ courseuuid, orgslug, course }: CourseActionsProps) => {
await applyForContributor('course_' + courseuuid, data, session.data?.tokens?.access_token)
await revalidateTags(['courses'], orgslug)
await refetch()
toast.success('Your application to contribute has been submitted successfully', { id: loadingToast })
} catch (error) {
console.error('Failed to apply as contributor:', error)

62
apps/web/hooks/useContributorStatus.ts
View file

@ -1,4 +1,4 @@
import { useState, useEffect } from 'react';
import { useState, useEffect, useCallback } from 'react';
import { getCourseContributors } from '@services/courses/courses';
import { useLHSession } from '@components/Contexts/LHSessionContext';
import toast from 'react-hot-toast';
@ -10,42 +10,42 @@ export function useContributorStatus(courseUuid: string) {
const [contributorStatus, setContributorStatus] = useState<ContributorStatus>('NONE');
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
const checkContributorStatus = async () => {
if (!session.data?.user) {
setIsLoading(false);
return;
}
const checkContributorStatus = useCallback(async () => {
if (!session.data?.user) {
setIsLoading(false);
return;
}
try {
const response = await getCourseContributors(
'course_' + courseUuid,
session.data?.tokens?.access_token
try {
const response = await getCourseContributors(
'course_' + courseUuid,
session.data?.tokens?.access_token
);
if (response && response.data) {
const currentUser = response.data.find(
(contributor: any) => contributor.user_id === session.data.user.id
);
if (response && response.data) {
const currentUser = response.data.find(
(contributor: any) => contributor.user_id === session.data.user.id
);
if (currentUser) {
setContributorStatus(currentUser.authorship_status as ContributorStatus);
} else {
setContributorStatus('NONE');
}
if (currentUser) {
setContributorStatus(currentUser.authorship_status as ContributorStatus);
} else {
setContributorStatus('NONE');
}
} catch (error) {
console.error('Failed to check contributor status:', error);
toast.error('Failed to check contributor status');
} finally {
setIsLoading(false);
}
};
if (session.data?.user) {
checkContributorStatus();
} catch (error) {
console.error('Failed to check contributor status:', error);
toast.error('Failed to check contributor status');
} finally {
setIsLoading(false);
}
}, [courseUuid, session.data?.tokens?.access_token, session.data?.user]);
return { contributorStatus, isLoading };
useEffect(() => {
if (session.data?.user) {
checkContributorStatus();
}
}, [checkContributorStatus, session.data?.user]);
return { contributorStatus, isLoading, refetch: checkContributorStatus };
}