remove reverse

it was messing with Angular's change detection and causing the list to invert on every interaction
firebase · May 14, 2024 · 5d57db6 · 5d57db6
1 parent b8a9134
commit 5d57db6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/angularfire-start/src/app/pages/chat-page/chat-page.component.html b/angularfire-start/src/app/pages/chat-page/chat-page.component.html
@@ -1,7 +1,7 @@
 <div class="min-h-screen h-full w-full bg-navy-30">
     <div class="w-3/4 bg-navy-10 min-h-screen h-full mx-auto flex flex-col flex-grow pb-56 overflow-auto">
-        @for (message of (messages$ | async)?.reverse(); track message) {
-        <div> <!-- TODO: I think this div can be removed-->
+        @for (message of (messages$ | async); track message) {
+            <div> <!-- TODO: I think this div can be removed-->
             <div class="flex flex-col flex-grow p-4 gap-3">
                 @if (user$ | async; as user) {
                     <div class="flex flex-nowrap gap-4" [class.flex-row-reverse]="user.uid === message['uid']">