Highlight active conversation

lib/ui/routes/main_route/main_route.dart

@@ -126,6 +126,7 @@ abstract class MainController extends State<MainRoute> {
   /// Open a conversation
   void openConversation(int convID, {fullScreen: false}) => pushPage(PageInfo(
         type: PageType.CONVERSATION_PAGE,
+        id: convID,
         child: ConversationRoute(conversationID: convID),
         hideNavBar: true,
       ));

lib/ui/widgets/tablet_mode/memberships_panel.dart

@@ -184,10 +184,17 @@ class _MembershipsPanelState extends SafeState<MembershipsPanel> {
 
   Widget _buildConversationMembership(Membership membership) {
     final conversation = membership.conversation;
+
+    Color color;
+    if (conversation.isHavingCall)
+      color = Color(0xFF815d1d);
+    else if (widget.currentPage.type == PageType.CONVERSATION_PAGE &&
+        widget.currentPage.id == conversation.id)
+      color = Colors.grey.shade800;
+    else if (!conversation.sawLastMessage) color = Color(0xFF1c443a);
+
     return Container(
-      color: conversation.isHavingCall
+      color: color,
-          ? Color(0xFF815d1d)
-          : (conversation.sawLastMessage ? null : Color(0xFF1c443a)),
       child: ListTile(
         dense: true,
         leading: Icon(Icons.message),
@@ -195,8 +202,8 @@ class _MembershipsPanelState extends SafeState<MembershipsPanel> {
             ConversationsHelper.getConversationName(conversation, _usersList)),
         subtitle: Text(diffTimeFromNowToStr(membership.lastActive) +
             (conversation.isHavingCall ? "\n" + tr("Ongoing call") : "")),
-        onTap: () =>
+        onTap: () => MainController.of(context)
-            MainController.of(context).openConversation(conversation.id),
+            .openConversation(conversation.id, fullScreen: true),
         trailing: conversation.isHavingCall
             ? FloatingActionButton(
                 child: Icon(Icons.call),