bug fixes

src/components/Group/Forum/GroupMail.tsx

@@ -172,6 +172,7 @@ export const GroupMail = ({
   const getAllThreads = React.useCallback(
     async (groupId: string, mode: string, isInitial?: boolean) => {
       try {
+        console.log('mode', mode)
         setIsLoading(true)
         const offset = isInitial ? 0 : allThreads.length;
         const isReverse = mode === "Newest" ? true : false;
@@ -536,10 +537,14 @@ export const GroupMail = ({
     });
   
     // Convert the map back to an array and sort by "created" timestamp in descending order
-    const sortedList = Array.from(uniqueItems.values()).sort((a, b) => b.threadData?.createdAt - a.threadData?.createdAt);
+    const sortedList = Array.from(uniqueItems.values()).sort((a, b) =>
+  filterMode === 'Oldest'
+    ? a.threadData?.createdAt - b.threadData?.createdAt
+    : b.threadData?.createdAt - a.threadData?.createdAt
+);
   
     return sortedList;
-  }, [tempPublishedList, listOfThreadsToDisplay]);
+  }, [tempPublishedList, listOfThreadsToDisplay, filterMode]);
 
   if (currentThread)
     return (

src/components/Group/Forum/Mail-styles.ts

@@ -754,29 +754,7 @@ export const GroupContainer = styled(Box)`
 position: relative;
         overflow: auto;
         width: 100%;
-&::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-&::-webkit-scrollbar-track:hover {
-  background-color: transparent;
-}
 
-&::-webkit-scrollbar {
-  width: 16px;
-  height: 10px;
-  background-color: white;
-}
-
-&::-webkit-scrollbar-thumb {
-  background-color: #838eee;
-  border-radius: 8px;
-  background-clip: content-box;
-  border: 4px solid transparent;
-}
-
-&::-webkit-scrollbar-thumb:hover {
-  background-color: #6270f0;
-}
 
 `
 

src/components/Group/GroupMenu.tsx

@@ -134,6 +134,7 @@ export const GroupMenu = ({ setGroupSection, groupSection, setOpenManageMembers,
                   "& .MuiTypography-root": {
                     fontSize: "12px",
                     fontWeight: 600,
+                    color: hasUnreadChat ? "var(--unread)" :"#fff"
                   },
                 }} primary="Chat" />
         </MenuItem>
@@ -153,6 +154,7 @@ export const GroupMenu = ({ setGroupSection, groupSection, setOpenManageMembers,
                   "& .MuiTypography-root": {
                     fontSize: "12px",
                     fontWeight: 600,
+                    color: hasUnreadAnnouncements ? "var(--unread)" :"#fff"
                   },
                 }} primary="Announcements" />
         </MenuItem>