further work

components/DeckColumn.tsx

@@ -3,7 +3,7 @@ import "./DeckColumn.css";
 
 import { cl } from "./util";
 import { ChannelDeck, ChannelDeckStore, DeckColumn } from "../ChannelDeckStore";
-import { ChannelStore, GuildStore, useMemo } from "@webpack/common";
+import { ChannelStore, GuildStore, MessageActions, MessageCache, useEffect, useMemo } from "@webpack/common";
 
 const { HeaderBar, HeaderBarIcon } = mapMangledModuleLazy(".themedMobile]:", {
     HeaderBarIcon: filters.byCode('size:"custom",'),
@@ -17,7 +17,21 @@ const ChatInputTypes = findByPropsLazy("FORM", "NORMAL");
 export default function DeckColumn({ column, deck, index }: { column: DeckColumn; deck: ChannelDeck; index: number; }) {
     const channel = ChannelStore.getChannel(column.channelId);
     const guild = GuildStore.getGuild(channel.guild_id);
-    const chatInputType = useMemo(() => ({ ...ChatInputTypes.SIDEBAR }), []);
+    const chatInputType = useMemo(() => ({
+        ...ChatInputTypes.SIDEBAR
+    }), []);
+    useEffect(() => {
+        // Manually load messages :/
+        MessageActions.fetchMessages({
+            channelId: channel.id,
+            limit: 50,
+            isPreload: undefined,
+            skipLocalFetch: undefined,
+            jump: {
+                jumpType: "ANIMATED"
+            }
+        });
+    });
     return <div className={cl("column")} style={{
         width: column.width
     }}>

components/DeckContent.tsx

@@ -2,6 +2,7 @@ import "./DeckContent.css";
 
 import { cl, useDeck } from "./util";
 import DeckColumn from "./DeckColumn";
+import { ScrollerThin } from "@webpack/common";
 
 export default function DeckContent() {
     const deck = useDeck();
@@ -9,3 +10,6 @@ export default function DeckContent() {
         {deck?.columns.map((column, i) => <DeckColumn key={column.channelId} deck={deck} index={i} column={column} />)}
     </div>;
 };
+// <ScrollerThin orientation="horizontal">
+
+{/* </ScrollerThin> */ }