[WEB-2579] fix: frequent loader on issue detail / archived issue detail page. (#5724)

* [WEB-2579] fix: frequent loader on issue detail / archived issue detail page.

* chore: minor improvement.
This commit is contained in:
Prateek Shourya
2024-09-30 17:32:08 +05:30
committed by GitHub
parent 944f3417a1
commit 66ca1663bf
2 changed files with 6 additions and 6 deletions

View File

@@ -19,12 +19,12 @@ const ArchivedIssueDetailsPage = observer(() => {
// hooks
const {
fetchIssue,
issue: { getIssueById, getIsFetchingIssueDetails },
issue: { getIssueById },
} = useIssueDetail();
const { getProjectById } = useProject();
useSWR(
const { isLoading } = useSWR(
workspaceSlug && projectId && archivedIssueId
? `ARCHIVED_ISSUE_DETAIL_${workspaceSlug}_${projectId}_${archivedIssueId}`
: null,
@@ -40,7 +40,7 @@ const ArchivedIssueDetailsPage = observer(() => {
if (!issue) return <></>;
const issueLoader = !issue || getIsFetchingIssueDetails(issue?.id) ? true : false;
const issueLoader = !issue || isLoading;
return (
<>

View File

@@ -27,12 +27,12 @@ const IssueDetailsPage = observer(() => {
// store hooks
const {
fetchIssue,
issue: { getIssueById, getIsFetchingIssueDetails },
issue: { getIssueById },
} = useIssueDetail();
const { getProjectById } = useProject();
const { toggleIssueDetailSidebar, issueDetailSidebarCollapsed } = useAppTheme();
// fetching issue details
const { error } = useSWR(
const { isLoading, error } = useSWR(
workspaceSlug && projectId && issueId ? `ISSUE_DETAIL_${workspaceSlug}_${projectId}_${issueId}` : null,
workspaceSlug && projectId && issueId
? () => fetchIssue(workspaceSlug.toString(), projectId.toString(), issueId.toString())
@@ -41,7 +41,7 @@ const IssueDetailsPage = observer(() => {
// derived values
const issue = getIssueById(issueId?.toString() || "") || undefined;
const project = (issue?.project_id && getProjectById(issue?.project_id)) || undefined;
const issueLoader = !issue || getIsFetchingIssueDetails(issue?.id) ? true : false;
const issueLoader = !issue || isLoading;
const pageTitle = project && issue ? `${project?.identifier}-${issue?.sequence_id} ${issue?.name}` : undefined;
useEffect(() => {