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 [isContributeLoading, setIsContributeLoading] = useState(false)
const [isModalOpen, setIsModalOpen] = useState(false) const [isModalOpen, setIsModalOpen] = useState(false)
const [hasAccess, setHasAccess] = useState<boolean | null>(null) const [hasAccess, setHasAccess] = useState<boolean | null>(null)
const { contributorStatus } = useContributorStatus(courseuuid); const { contributorStatus, refetch } = useContributorStatus(courseuuid);
const isStarted = course.trail?.runs?.some( const isStarted = course.trail?.runs?.some(
(run) => run.status === 'STATUS_IN_PROGRESS' && run.course_id === course.id (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 applyForContributor('course_' + courseuuid, data, session.data?.tokens?.access_token)
await revalidateTags(['courses'], orgslug) await revalidateTags(['courses'], orgslug)
await refetch()
toast.success('Your application to contribute has been submitted successfully', { id: loadingToast }) toast.success('Your application to contribute has been submitted successfully', { id: loadingToast })
} catch (error) { } catch (error) {
console.error('Failed to apply as contributor:', 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 { getCourseContributors } from '@services/courses/courses';
import { useLHSession } from '@components/Contexts/LHSessionContext'; import { useLHSession } from '@components/Contexts/LHSessionContext';
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
@ -10,42 +10,42 @@ export function useContributorStatus(courseUuid: string) {
const [contributorStatus, setContributorStatus] = useState<ContributorStatus>('NONE'); const [contributorStatus, setContributorStatus] = useState<ContributorStatus>('NONE');
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
useEffect(() => { const checkContributorStatus = useCallback(async () => {
const checkContributorStatus = async () => { if (!session.data?.user) {
if (!session.data?.user) { setIsLoading(false);
setIsLoading(false); return;
return; }
}
try { try {
const response = await getCourseContributors( const response = await getCourseContributors(
'course_' + courseUuid, 'course_' + courseUuid,
session.data?.tokens?.access_token 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) { if (currentUser) {
const currentUser = response.data.find( setContributorStatus(currentUser.authorship_status as ContributorStatus);
(contributor: any) => contributor.user_id === session.data.user.id } 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);
} }
}; } catch (error) {
console.error('Failed to check contributor status:', error);
if (session.data?.user) { toast.error('Failed to check contributor status');
checkContributorStatus(); } finally {
setIsLoading(false);
} }
}, [courseUuid, session.data?.tokens?.access_token, session.data?.user]); }, [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 };
} }