fix: hide new messages bar on click

src/components/common/messaging/bars/NewMessages.tsx

@@ -4,6 +4,8 @@ import { useHistory } from "react-router-dom";
 import { Channel } from "revolt.js/dist/maps/Channels";
 import { decodeTime } from "ulid";
 
+import { useEffect, useState } from "preact/hooks";
+
 import { getRenderer } from "../../../../lib/renderer/Singleton";
 
 import { dayjs } from "../../../../context/Locale";
@@ -12,24 +14,26 @@ import { Bar } from "./JumpToBottom";
 
 export default observer(
     ({ channel, last_id }: { channel: Channel; last_id?: string }) => {
+        const [hidden, setHidden] = useState(false);
+        useEffect(() => setHidden(false), [last_id]);
+
         const renderer = getRenderer(channel);
         const history = useHistory();
         if (renderer.state !== "RENDER") return null;
         if (!last_id) return null;
+        if (hidden) return null;
 
         return (
-            <>
             <Bar position="top" accent>
                 <div
                     onClick={() => {
+                        setHidden(true);
                         if (channel.channel_type === "TextChannel") {
                             history.push(
                                 `/server/${channel.server_id}/channel/${channel._id}/${last_id}`,
                             );
                         } else {
-                                history.push(
+                            history.push(`/channel/${channel._id}/${last_id}`);
-                                    `/channel/${channel._id}/${last_id}`,
-                                );
                         }
                     }}>
                     <div>
@@ -41,7 +45,6 @@ export default observer(
                     </div>
                 </div>
             </Bar>
-            </>
         );
     },
 );