Added new conversations design

templates/public/conversations_popup.html

@@ -0,0 +1,33 @@
+<xf:if is="$unreadConversations is not empty OR $readConversations is not empty">
+	<xf:foreach loop="$unreadConversations" value="$userConv">
+		<xf:macro id="popup_item" arg-userConv="{$userConv}" />
+	</xf:foreach>
+	<xf:foreach loop="$readConversations" value="$userConv">
+		<xf:macro id="popup_item" arg-userConv="{$userConv}" />
+	</xf:foreach>
+<xf:else />
+	<div class="$notifications-empty">
+		<i data-lucide="mail-off" size="24"></i>
+		<span>No new conversations.</span>
+	</div>
+</xf:if>
+
+<xf:comment>Edited for RHPZ</xf:comment>
+
+<xf:macro id="popup_item" arg-userConv="!">
+
+	<div class="$notifications-item {{ $userConv.isUnread() ? 'unread' : '' }}">
+		<div class="$notifications-avatar">
+			<xf:avatar user="$userConv.Master.LastMessageUser" size="xxs" defaultname="{$userConv.Master.last_message_username}" />
+		</div>
+		<div class="$notifications-content">
+			<a class="$notifications-text" href="{{ link('direct-messages/unread', $userConv) }}">{$userConv.Master.title}</a>
+			<span class="$notifications-date"><xf:date time="$userConv.Master.last_message_date" /></span>
+		</div>
+
+		<xf:if is="$userConv.isUnread()">
+			<div class="$notifications-unread-dot"></div>
+		</xf:if>
+	</div>
+
+</xf:macro>