fix: improve caching performance and data updater (#622)

Author: BlankParticle

apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/convo-views.tsx

@@ -8,6 +8,7 @@ import { MessagesPanel } from './messages-panel';
 import { platform } from '@/src/lib/trpc';
 import { useMemo, useRef } from 'react';
 import { ReplyBox } from './reply-box';
+import { ms } from '@u22n/utils/ms';
 import { env } from '@/src/env';
 import TopBar from './top-bar';
 import Link from 'next/link';
@@ -18,10 +19,15 @@ export function ConvoView({ convoId }: { convoId: TypeId<'convos'> }) {
     data: convoData,
     isLoading: convoDataLoading,
     error: convoError
-  } = platform.convos.getConvo.useQuery({
-    orgShortcode,
-    convoPublicId: convoId
-  });
+  } = platform.convos.getConvo.useQuery(
+    {
+      orgShortcode,
+      convoPublicId: convoId
+    },
+    {
+      staleTime: ms('1 minute')
+    }
+  );
 
   usePageTitle(convoData?.data.subjects[0]?.subject ?? 'UnInbox');
 

apps/web/src/app/[orgShortcode]/convo/[convoId]/_components/reply-box.tsx

@@ -31,6 +31,7 @@ import { replyToMessageAtom } from '../atoms';
 import { platform } from '@/src/lib/trpc';
 import { stringify } from 'superjson';
 import { cn } from '@/src/lib/utils';
+import { ms } from '@u22n/utils/ms';
 import { toast } from 'sonner';
 
 const selectedEmailIdentityAtom = atom<null | TypeId<'emailIdentities'>>(null);
@@ -81,13 +82,23 @@ export function ReplyBox({ convoId, onReply }: ReplyBoxProps) {
   const [emailIdentity, setEmailIdentity] = useAtom(selectedEmailIdentityAtom);
 
   const { data: emailIdentities, isLoading: emailIdentitiesLoading } =
-    platform.org.mail.emailIdentities.getUserEmailIdentities.useQuery({
-      orgShortcode
-    });
+    platform.org.mail.emailIdentities.getUserEmailIdentities.useQuery(
+      {
+        orgShortcode
+      },
+      {
+        staleTime: ms('1 hour')
+      }
+    );
   const { data: isAdmin } =
-    platform.org.users.members.isOrgMemberAdmin.useQuery({
-      orgShortcode
-    });
+    platform.org.users.members.isOrgMemberAdmin.useQuery(
+      {
+        orgShortcode
+      },
+      {
+        staleTime: ms('1 hour')
+      }
+    );
 
   useEffect(() => {
     setEmailIdentity((prev) => {
@@ -135,6 +146,7 @@ export function ReplyBox({ convoId, onReply }: ReplyBoxProps) {
         oldData.entries.unshift(newEntry);
         return oldData;
       });
+
       onReply();
     },
     [

apps/web/src/app/[orgShortcode]/convo/_components/create-convo-form.tsx

@@ -62,6 +62,7 @@ import { useRouter } from 'next/navigation';
 import { platform } from '@/src/lib/trpc';
 import { stringify } from 'superjson';
 import { cn } from '@/src/lib/utils';
+import { ms } from '@u22n/utils/ms';
 import { toast } from 'sonner';
 import { z } from 'zod';
 
@@ -113,19 +114,29 @@ export default function CreateConvoForm() {
   const orgShortcode = useGlobalStore((state) => state.currentOrg.shortcode);
 
   const { data: userEmailIdentities, isLoading: emailIdentitiesLoading } =
-    platform.org.mail.emailIdentities.getUserEmailIdentities.useQuery({
-      orgShortcode
-    });
+    platform.org.mail.emailIdentities.getUserEmailIdentities.useQuery(
+      {
+        orgShortcode
+      },
+      {
+        staleTime: ms('1 hour')
+      }
+    );
   const { data: orgMemberList, isLoading: orgMemberListLoading } =
     platform.org.users.members.getOrgMembersList.useQuery({ orgShortcode });
   const { data: orgTeamsData, isLoading: orgTeamsLoading } =
     platform.org.users.teams.getOrgTeams.useQuery({ orgShortcode });
   const { data: orgContacts, isLoading: orgContactsLoading } =
     platform.org.contacts.getOrgContacts.useQuery({ orgShortcode });
   const { data: isAdmin } =
-    platform.org.users.members.isOrgMemberAdmin.useQuery({
-      orgShortcode
-    });
+    platform.org.users.members.isOrgMemberAdmin.useQuery(
+      {
+        orgShortcode
+      },
+      {
+        staleTime: ms('1 hour')
+      }
+    );
 
   const { mutateAsync: createConvoFn } =
     platform.convos.createNewConvo.useMutation();