Initial commit

resources/views/vendor/wirechat/livewire/chats/chats.blade.php

@@ -0,0 +1,57 @@
+@use('Namu\WireChat\Facades\WireChat')
+<div x-data="{ selectedConversationId: '{{ request()->conversation ?? $selectedConversationId }}' }"
+    x-on:open-chat.window="selectedConversationId= $event.detail.conversation; $wire.selectedConversationId= $event.detail.conversation;"
+    x-init=" setTimeout(() => {
+         conversationElement = document.getElementById('conversation-' + selectedConversationId);
+    
+         // Scroll to the conversation element
+         if (conversationElement) {
+             conversationElement.scrollIntoView({ behavior: 'smooth' });
+         }
+     }, 200);"
+    class="flex flex-col bg-[var(--wc-light-primary)] dark:bg-[var(--wc-dark-primary)] transition-all h-full overflow-hidden w-full sm:p-3">
+
+    @php
+        /* Show header if any of these conditions are true  */
+        $showHeader = $showNewChatModalButton || $allowChatsSearch || $showHomeRouteButton || !empty($title);
+    @endphp
+
+    {{-- include header --}}
+    @includeWhen($showHeader, 'wirechat::livewire.chats.partials.header')
+
+    <main x-data
+        @scroll.self.debounce="
+           {{-- Detect when scrolled to the bottom --}}
+            // Calculate scroll values
+            scrollTop = $el.scrollTop;
+            scrollHeight = $el.scrollHeight;
+            clientHeight = $el.clientHeight;
+
+            // Check if the user is at the bottom of the scrollable element
+            if ((scrollTop + clientHeight) >= (scrollHeight - 1) && $wire.canLoadMore) {
+                // Trigger load more if we're at the bottom
+                await $nextTick();
+                $wire.loadMore();
+            }
+            "
+        class=" overflow-y-auto py-2   grow  h-full relative " style="contain:content">
+
+        {{-- loading indicator --}}
+
+        @if (count($conversations) > 0)
+            {{-- include list item --}}
+            @include('wirechat::livewire.chats.partials.list')
+
+
+            {{-- include load more if true --}}
+            @includeWhen($canLoadMore, 'wirechat::livewire.chats.partials.load-more-button')
+        @else
+            <div class="w-full flex items-center h-full justify-center">
+                <h6 class=" font-bold text-gray-700 dark:text-white">{{ __('wirechat::chats.labels.no_conversations_yet')  }}</h6>
+            </div>
+        @endif
+    </main>
+
+
+
+</div>