From add00d488ce6ebb4417bd99dd772a5e0f0dafbd8 Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Wed, 4 Jun 2025 11:06:53 +0200
Subject: [PATCH] Update notification_overview.html

---
 .../components/notification_overview.html     | 54 +++++++++++++++++--
 1 file changed, 49 insertions(+), 5 deletions(-)

diff --git a/templates/components/notification_overview.html b/templates/components/notification_overview.html
index d2254fa..5713cce 100644
--- a/templates/components/notification_overview.html
+++ b/templates/components/notification_overview.html
@@ -26,11 +26,55 @@
         <div class="list-group-item list-group-item-action px-0">
           <div class="d-flex justify-content-between align-items-center">
             <div>
-              <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">{{ notification.title }}</div>
-              <small class="text-muted">
-                {{ notification.message }}
-                • {{ notification.timestamp.strftime('%Y-%m-%d %H:%M') }}
-              </small>
+              {% if notification.notif_type == 'account_created' %}
+                <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">
+                  <i class="fas fa-user-plus me-1"></i>Account Created
+                </div>
+                <small class="text-muted">
+                  Welcome to DocuPulse! Your account has been created successfully.
+                </small>
+              {% elif notification.notif_type == 'room_invite' %}
+                <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">
+                  <i class="fas fa-door-open me-1"></i>Room Invitation
+                </div>
+                <small class="text-muted">
+                  {% if notification.sender %}
+                    {{ notification.sender.username }} invited you to join room "{{ notification.details.room_name }}"
+                  {% endif %}
+                </small>
+              {% elif notification.notif_type == 'conversation_invite' %}
+                <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">
+                  <i class="fas fa-comments me-1"></i>Conversation Invitation
+                </div>
+                <small class="text-muted">
+                  {% if notification.sender %}
+                    {{ notification.sender.username }} invited you to a conversation
+                  {% endif %}
+                </small>
+              {% elif notification.notif_type == 'conversation_message' %}
+                <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">
+                  <i class="fas fa-comment me-1"></i>New Message
+                </div>
+                <small class="text-muted">
+                  {% if notification.sender %}
+                    {{ notification.sender.username }} sent a message in "{{ notification.details.conversation_name }}"
+                  {% endif %}
+                </small>
+              {% else %}
+                <div class="fw-bold {% if not notification.read %}text-primary{% endif %}">
+                  {{ notification.notif_type|replace('_', ' ')|title }}
+                </div>
+                <small class="text-muted">
+                  {% if notification.details and notification.details.message %}
+                    {{ notification.details.message }}
+                  {% endif %}
+                </small>
+              {% endif %}
+              <div class="mt-1">
+                <small class="text-muted">
+                  {{ notification.timestamp.strftime('%Y-%m-%d %H:%M') }}
+                </small>
+              </div>
             </div>
             {% if not notification.read %}
             <span class="badge bg-primary rounded-pill">New</span>