Load issue activity in the router to prevent flickering — radicle-desktop

👉 Workflow runs 👉 Branch on GitHub

   import type { RepoInfo } from "@bindings/repo/RepoInfo";
   import partial from "lodash/partial";
   import { onMount, tick } from "svelte";
   import { tick } from "svelte";
   import * as roles from "@app/lib/roles";
   import {

     repo: RepoInfo;
     issue: Issue;
     issues: Issue[];
     activity: Operation[];
     config: Config;
   }
   /* eslint-disable prefer-const */
   let { repo, issue, issues: initialIssues, config }: Props = $props();
   let {
     repo,
     issue,
     issues: initialIssues,
     activity,
     config,
   }: Props = $props();
   /* eslint-enable prefer-const */
   const issues = $state(initialIssues);

       topLevelReplyOpen = false;
       editingTitle = false;
       updatedTitle = issue.title;
       void loadActivity();
     }
   });

       }, []),
   );
   let activity = $state<Operation[]>([]);
   async function loadActivity() {
     activity = await invoke("activity_by_id", {
       rid: repo.rid,
       typeName: "xyz.radicle.issue",
       id: issue.id,
     });
   }
   onMount(() => {
     void loadActivity();
   });
   async function toggleReply() {
     topLevelReplyOpen = !topLevelReplyOpen;
     if (!topLevelReplyOpen) {

   }
   async function reload() {
     issue = await invoke("issue_by_id", {
       rid: repo.rid,
       id: issue.id,
     });
     await loadActivity();
     [issue, activity] = await Promise.all([
       invoke<Issue>("issue_by_id", {
         rid: repo.rid,
         id: issue.id,
       }),
       invoke<Operation[]>("activity_by_id", {
         rid: repo.rid,
         typeName: "xyz.radicle.issue",
         id: issue.id,
       }),
     ]);
   }
   async function createComment(body: string, embeds: Embed[]) {

 import type { Config } from "@bindings/config/Config";
 import type { PaginatedQuery } from "@bindings/cob/PaginatedQuery";
 import type { Issue } from "@bindings/cob/issue/Issue";
 import type { Operation } from "@bindings/cob/issue/Operation";
 import type { PaginatedQuery } from "@bindings/cob/PaginatedQuery";
 import type { Patch } from "@bindings/cob/patch/Patch";
 import type { RepoInfo } from "@bindings/repo/RepoInfo";
 import type { Revision } from "@bindings/cob/patch/Revision";

 export async function loadIssue(
   route: RepoIssueRoute,
 ): Promise<LoadedRepoIssueRoute> {
   const [config, repo, issue, issues] = await Promise.all([
   const [config, repo, issue, activity, issues] = await Promise.all([
     invoke<Config>("config"),
     invoke<RepoInfo>("repo_by_id", {
       rid: route.rid,

   return {
     resource: "repo.issue",
     params: { repo, config, issue, issues },
     params: { repo, config, issue, activity, issues },
   };
 }