fix: update in-app notifications to use API object

Author: Rexogamer

src/MainView.tsx

@@ -99,7 +99,7 @@ function LoggedInViews({state, setChannel}: {state: any; setChannel: any}) {
           openChannel={() =>
             state.setState({
               notificationMessage: null,
-              currentChannel: state.state.notificationMessage.channel,
+              currentChannel: client.channels.get(state.state.notificationMessage.channel),
             })
           }
         />
@@ -207,7 +207,7 @@ async function handleMessageNotification(
 
   if (app.settings.get('app.notifications.enabled') && shouldNotif) {
     console.log(`[NOTIFICATIONS] Pushing notification for message ${msg._id}`);
-    if (state.state.currentChannel !== msg.channel) {
+    if (state.state.currentChannel !== channel) {
       state.setState({notificationMessage: msg});
       await sleep(5000);
       state.setState({notificationMessage: null});

src/components/Notification.tsx

@@ -4,26 +4,30 @@ import {observer} from 'mobx-react-lite';
 
 import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
 
-import type {Message} from 'revolt.js';
+import type {API} from 'revolt.js';
 
 import {styles} from '../Theme';
 import {Avatar, Text, Username} from './common/atoms';
 import {MarkdownView} from './common/MarkdownView';
 import {commonValues, ThemeContext} from '@clerotri/lib/themes';
 import {parseRevoltNodes} from '../lib/utils';
+import { client } from '@clerotri/lib/client';
 
 export const Notification = observer(
   ({
     message,
     dismiss,
     openChannel,
   }: {
-    message: Message | null;
+    message: API.Message | null;
     dismiss: Function;
     openChannel: Function;
   }) => {
     const {currentTheme} = useContext(ThemeContext);
     if (message) {
+      const author = client.users.get(message.author);
+      const channel = client.channels.get(message.channel);
+
       return (
         <TouchableOpacity
           style={{
@@ -42,7 +46,7 @@ export const Notification = observer(
               flexDirection: 'row',
               overflow: 'hidden',
             }}>
-            <Avatar user={message.author} size={35} />
+            <Avatar user={author} size={35} />
             <View
               style={{
                 marginHorizontal: commonValues.sizes.medium,
@@ -54,12 +58,12 @@ export const Notification = observer(
                   flexDirection: 'row',
                 }}>
                 <Username
-                  user={message.author}
-                  server={message.channel?.server}
+                  user={author}
+                  server={channel?.server}
                 />
                 <Text style={{fontWeight: 'bold'}}>
                   {' '}
-                  ({message.channel?.name ?? message.channel?._id})
+                  ({channel?.name ?? channel?._id})
                 </Text>
               </View>
               {message.content ? (