mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
feat: add refetch capability to contributor status hook and update course actions to utilize it
This commit is contained in:
parent
b6059f8d5c
commit
837e5842c5
2 changed files with 33 additions and 32 deletions
|
|
@ -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)
|
||||||
|
|
|
||||||
|
|
@ -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 };
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue