share conversations of a user

Author: OkonoWil

app/Http/Middleware/HandleInertiaRequests.php

@@ -2,8 +2,10 @@
 
 namespace App\Http\Middleware;
 
+use App\Models\Conversation;
 use Illuminate\Foundation\Inspiring;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
 use Inertia\Middleware;
 
 class HandleInertiaRequests extends Middleware
@@ -45,6 +47,7 @@ public function share(Request $request): array
             'auth' => [
                 'user' => $request->user(),
             ],
+            'conversations' => Auth::check() ? Conversation::getConversationsForSidebar(Auth::user()) : [],
         ];
     }
 }

app/Models/Conversation.php

@@ -41,6 +41,18 @@ class Conversation extends Model
      */
     protected $guarded = ['id'];
 
+    public static function getConversationsForSidebar(User|null $user)
+    {
+        $users = User::getUsersExceptUSer($user);
+        $groups = Group::getGroupsForUser($user);
+
+        return  $users->map(function (User $user){
+            return $user->toConversationArray();
+        })->concat($groups->map(function (Group $group){
+            return $group->toConversationArray();
+        }));
+    }
+
 
     public function lastMessage(): BelongsTo
     {

app/Models/Group.php

@@ -66,4 +66,33 @@ public function lastMessage(): BelongsTo
         return $this->belongsTo(Message::class, 'last_message_id');
     }
 
+    public static function getGroupsForUser(User|null $user)
+    {
+        return self::select(['groups.*', 'messages.content as last_message', 'messages.created_at as last_message_date'])
+            ->join('group_user', 'group_user.group_id', '=', 'groups.id')
+            ->leftJoin('messages', 'messages.id', '=', 'groups.last_message_id')
+            ->where('group_user.user_id', '=', $user->id)
+            ->orderByDesc('messages.created_at')
+            ->orderBy('groups.name')
+            ->get();
+    }
+
+    public  function toConversationArray()
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'description' => $this->description,
+            'is_group' => true,
+            'is_user' => false,
+            'is_admin' => false,
+            'users' => $this->users,
+            'user_ids' => $this->users->pluck('id')->toArray(),
+            'created_at' => $this->created_at,
+            'updated_at' => $this->updated_at,
+            'last_message' => $this->last_message,
+            'last_message_date' => $this->last_message_date
+        ];
+    }
+
 }

app/Models/User.php

@@ -9,7 +9,7 @@
 use Illuminate\Notifications\Notifiable;
 
 /**
- * 
+ *
  *
  * @property int $id
  * @property string $name
@@ -89,4 +89,38 @@ public function groups(): BelongsToMany
     {
         return $this->belongsToMany(Group::class, 'group_user');
     }
+
+    public static function getUsersExceptUSer(User $user): \Illuminate\Database\Eloquent\Collection
+    {
+        return User::select(['users.*', 'messages.content as last_message', 'messages.created_at as last_message_date'])
+            ->where('users.id', '!=', $user->id)
+            ->when(!$user->is_admin, function ($query) {
+                $query->whereNull('users.blocked_at');
+            })->leftJoin('conversations', function($join) use ($user) {
+                $join->on('conversations.user_id1', '=', 'users.id')
+                    ->where('conversations.user_id2', '=', $user->id)
+                    ->orWhere(function($query) use ($user) {
+                        $query->on('conversations.user_id2', '=', 'users.id')
+                            ->where('conversations.user_id1', '=', $user->id);
+                    });
+            })->leftJoin('messages', 'messages.id', '=', 'conversations.last_message_id')
+            ->orderByRaw('IFNULL(users.blocked_at, 1)')
+            ->orderByDesc('messages.created_at')
+            ->get();
+    }
+
+    public  function toConversationArray()
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'is_group' => false,
+            'is_user' => true,
+            'is_admin' => (bool) $this->is_admin,
+            'created_at' => $this->created_at,
+            'updated_at' => $this->updated_at,
+            'last_message' => $this->last_message,
+            'last_message_date' => $this->last_message_date
+        ];
+    }
 }

resources/js/layouts/chat/chat-sidebar-layout.tsx

@@ -3,17 +3,46 @@ import { ChatSidebar } from '@/components/chat-sidebar';
 import { AppContent } from '@/components/app-content';
 import { ChatShell } from '@/components/chat-shell';
 import ChatHeaderLayout from '@/layouts/chat/chat-header-layout';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useMemo } from 'react';
 
 const ChatSidebarLayout = ({children, breadcrumbs = []}) => {
     const page = usePage();
-    const conversations = page.props.conversations;
+    const conversations = useMemo(() => page.props.conversations ?? [], [page.props.conversations])
     const selectedConversation = page.props.selectedConversation;
-    const [onlineUsers, setOnlineUsers] = useState({});
+    const [onlineUsers, setOnlineUsers] = useState([]);
+    const [localConversations, setLocalConversations] = useState([]);
+    const [sortedConversations, setSortedConversations] = useState([]);
+
+    const isUserOnline = (userId) => onlineUsers[userId];
 
     console.log("conversations :", conversations);
     console.log("selectedConversation ", selectedConversation);
 
+    useEffect(() => {
+        setSortedConversations(
+            localConversations.sort((a,b) => {
+                if(a.blocked_at && b.blocked_at) {
+                    return a.blocked_at > b.blocked_at ? 1 : -1;
+                }else if(a.blocked_at){
+                    return 1;
+                }else if (b.blocked_at){
+                    return -1;
+                }
+                if (a.last_message_date && b.last_message_date){
+                    return b.last_message_date.localeCompare(a.last_message_date)
+                } else if (a.last_message_date){
+                    return -1
+                } if ( b.last_message_date){
+                    return 1
+                }else return 0;
+            })
+        )
+    }, [localConversations]);
+
+    useEffect(() => {
+        setLocalConversations(conversations)
+    }, [conversations]);
+
     useEffect(() => {
         Echo.join('online')
             .here((users)=>{