feat: allow viewing original message in channel

Author: nikkothari22

frontend/src/components/feature/threads/ThreadDrawer/ThreadHeader.tsx

@@ -10,8 +10,9 @@ import useFetchChannelMembers, { Member } from "@/hooks/fetchers/useFetchChannel
 import { useContext, useMemo } from "react"
 import useIsPushNotificationEnabled from "@/hooks/fetchers/useIsPushNotificationEnabled"
 import { UserContext } from "@/utils/auth/UserProvider"
+import { LuExternalLink } from "react-icons/lu"
 
-export const ThreadHeader = () => {
+export const ThreadHeader = ({ channelID }: { channelID?: string }) => {
 
     const navigate = useNavigate()
 
@@ -28,6 +29,10 @@ export const ThreadHeader = () => {
         return null
     }, [user, channelMembers])
 
+    const onViewMessageInChannel = () => {
+        navigate(`../../${channelID}?message_id=${threadID}`)
+    }
+
     return (
         <header className='dark:bg-gray-2 bg-white fixed top-0 px-3 sm:w-[calc((100vw-var(--sidebar-width)-var(--space-8))/2)] w-screen' style={{ zIndex: 999 }}>
             <Flex direction={'column'} gap='2' className='pt-3'>
@@ -42,6 +47,12 @@ export const ThreadHeader = () => {
                                     </IconButton>
                                 </DropdownMenu.Trigger>
                                 <DropdownMenu.Content className='min-w-48'>
+                                    {channelID && <DropdownMenu.Item onClick={onViewMessageInChannel}>
+                                        <Flex gap='2' align='center'>
+                                            <LuExternalLink size={'16'} />
+                                            View Message
+                                        </Flex>
+                                    </DropdownMenu.Item>}
                                     <ToggleNotificationButton channelMember={channelMember} />
                                     <LeaveThreadButton />
                                     {channelMembers[currentUser].is_admin === 1 && <DeleteThreadButton />}

frontend/src/components/feature/threads/ThreadManager/ViewThread.tsx

@@ -26,7 +26,7 @@ const ViewThread = () => {
     return (
         <div>
             <Flex direction='column' gap='0' className='w-full h-screen'>
-                <ThreadHeader />
+                <ThreadHeader channelID={data?.channel_id} />
                 {isLoading && <FullPageLoader />}
                 {error && <Box p='4'><ErrorBanner error={error} /></Box>}
                 {data && <ThreadMessages threadMessage={data} key={threadID} />}

raven/__init__.py

@@ -1,4 +1,4 @@
-__version__ = "2.8.6"
+__version__ = "2.8.7"
 
 from raven.raven_integrations.doctype.raven_incoming_webhook.raven_incoming_webhook import (  # noqa
 	handle_incoming_webhook as webhook,