added pdf viewer and optimizations

src/components/Apps/useQortalMessageListener.tsx

@@ -254,7 +254,8 @@ export const listOfAllQortalRequests = [
   'GET_USER_WALLET_TRANSACTIONS',
   'GET_NODE_INFO',
   'GET_NODE_STATUS',
-  'GET_ARRR_SYNC_STATUS'
+  'GET_ARRR_SYNC_STATUS',
+  'SHOW_PDF_READER'
 ]
 
 export const UIQortalRequests = [
@@ -309,7 +310,8 @@ export const UIQortalRequests = [
   'GET_USER_WALLET_TRANSACTIONS',
   'GET_NODE_INFO',
   'GET_NODE_STATUS',
-  'GET_ARRR_SYNC_STATUS'
+  'GET_ARRR_SYNC_STATUS',
+  'SHOW_PDF_READER'
 ];
 
 

src/components/Chat/MessageItem.tsx

@@ -572,11 +572,17 @@ const WatchComponent = ({onSeen, isLast, children})=> {
   const { ref, inView } = useInView({
     threshold: 0.7, // Fully visible
     triggerOnce: true, // Only trigger once when it becomes visible
+    delay: 100,
+    trackVisibility: false,
   });
 
   useEffect(() => {
     if (inView && isLast && onSeen) {
+     
+     setTimeout(() => {
       onSeen();
+      }, 100);
+     
     }
   }, [inView, isLast, onSeen]);
 

src/components/Group/ManageMembers.tsx

@@ -17,7 +17,7 @@ import { InviteMember } from "./InviteMember";
 import { ListOfInvites } from "./ListOfInvites";
 import { ListOfBans } from "./ListOfBans";
 import { ListOfJoinRequests } from "./ListOfJoinRequests";
-import { Box, Card, Tab, Tabs } from "@mui/material";
+import { Box, ButtonBase, Card, Tab, Tabs } from "@mui/material";
 import { CustomizedSnackbars } from "../Snackbar/Snackbar";
 import { MyContext, getBaseApiReact, isMobile } from "../../App";
 import { getGroupMembers, getNames } from "./Group";
@@ -26,7 +26,7 @@ import { getFee } from "../../background";
 import { LoadingButton } from "@mui/lab";
 import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events";
 import { Spacer } from "../../common/Spacer";
-
+import InsertLinkIcon from '@mui/icons-material/InsertLink';
 function a11yProps(index: number) {
   return {
     id: `simple-tab-${index}`,
@@ -268,6 +268,12 @@ export const ManageMembers = ({
             <Typography>GroupId: {groupInfo?.groupId}</Typography>
             <Typography>GroupName: {groupInfo?.groupName}</Typography>
             <Typography>Number of members: {groupInfo?.memberCount}</Typography>
+            <ButtonBase sx={{
+              gap: '10px'
+            }} onClick={async ()=> {
+              const link = `qortal://use-group/action-join/groupid-${groupInfo?.groupId}`
+              await navigator.clipboard.writeText(link);
+            }}><InsertLinkIcon /> <Typography>Join Group Link</Typography></ButtonBase>
             </Box>
            <Spacer height="20px" />
           {selectedGroup?.groupId && !isOwner &&  (