added pinMessages structure

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

@@ -308,8 +308,8 @@ export default observer(
         // if (!last_id) return null;
         // if (hidden) return null;
 
-
-        // renderer.messages.slice().reverse().map((res, i) => {
+        // console.log(renderer.pinned_messages, "PINNED MESSAGES")
+        // renderer.pinned_messages.slice().reverse().map((res, i) => {
         //     console.log(res, 8989)
         // })
         function truncateText(text: string, chars: number) {
@@ -365,7 +365,7 @@ export default observer(
                         <div style={{ display: 'grid', flexDirection: "column" }} >
                             {
 
-                                renderer.messages.slice().reverse().map((msg, i) => {
+                                renderer.pinned_messages.slice().reverse().map((msg, i) => {
                                     if (msg.is_pinned) {
                                         let content = msg.content ? truncateText(msg.content, 220) : ""
                                         pinFound = true
@@ -413,11 +413,11 @@ export default observer(
 
                                 style={{ display: 'flex', paddingTop: "5px", justifyContent: "center" }}>
 
-                                <Text
+                                {/* <Text
 
                                     id="app.main.channel.misc.pinned_load_more"
 
-                                />
+                                /> */}
                             </div>}
 
                         </div>

src/lib/renderer/Singleton.ts

@@ -15,6 +15,7 @@ export class ChannelRenderer {
     atTop: Nullable<boolean> = null;
     atBottom: Nullable<boolean> = null;
     messages: Message[] = [];
+    pinned_messages: Message[] = [];
 
     currentRenderer: RendererRoutines = SimpleRenderer;
 

src/lib/renderer/simple/SimpleRenderer.ts

@@ -9,12 +9,14 @@ export const SimpleRenderer: RendererRoutines = {
             if (nearby)
                 renderer.channel
                     .fetchMessagesWithUsers({ nearby, limit: 100 })
-                    .then(({ messages }) => {
+                    .then(({ messages, pinned_messages }) => {
                         messages.sort((a, b) => a._id.localeCompare(b._id));
 
                         runInAction(() => {
                             renderer.state = "RENDER";
                             renderer.messages = messages;
+                            renderer.pinned_messages = pinned_messages;
+
                             renderer.atTop = false;
                             renderer.atBottom = false;
 
@@ -27,13 +29,12 @@ export const SimpleRenderer: RendererRoutines = {
             else
                 renderer.channel
                     .fetchMessagesWithUsers({})
-                    .then(({ messages }) => {
-                        console.log(messages, 9090);
+                    .then(({ messages, pinned_messages }) => {
                         messages.reverse();
-
                         runInAction(() => {
                             renderer.state = "RENDER";
                             renderer.messages = messages;
+                            renderer.pinned_messages = pinned_messages;
                             renderer.atTop = messages.length < 50;
                             renderer.atBottom = true;