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

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

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)

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,8 +10,7 @@ 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;
@ -40,12 +39,13 @@ export function useContributorStatus(courseUuid: string) {
} finally { } finally {
setIsLoading(false); setIsLoading(false);
} }
}; }, [courseUuid, session.data?.tokens?.access_token, session.data?.user]);
useEffect(() => {
if (session.data?.user) { if (session.data?.user) {
checkContributorStatus(); checkContributorStatus();
} }
}, [courseUuid, session.data?.tokens?.access_token, session.data?.user]); }, [checkContributorStatus, session.data?.user]);
return { contributorStatus, isLoading }; return { contributorStatus, isLoading, refetch: checkContributorStatus };
} }