diff --git a/addons/default/visiosoft/profile-module/resources/assets/js/messages.js b/addons/default/visiosoft/profile-module/resources/assets/js/messages.js
new file mode 100644
index 000000000..dba45a9ab
--- /dev/null
+++ b/addons/default/visiosoft/profile-module/resources/assets/js/messages.js
@@ -0,0 +1,45 @@
+function crud(params, url, type, callback) {
+    $.ajax({
+        type: type,
+        data: params,
+        url: url,
+        success: function (response) {
+            console.log(response)
+            callback(response);
+        },
+    });
+}
+
+function getMyMessages(type) {
+    crud({'type': type}, '/api/messages', 'GET', function (response) {
+        $('#nav-' + type).html("");
+        $.each(response, function (index, message) {
+            $('#nav-' + type).append(
+                addMessagesRow(
+                    message.id,
+                    message.sender_name,
+                    message.receiver_name,
+                    message.sent_at
+                )
+            );
+        });
+    })
+}
+
+$('.profile-ads-tab a').on('click', function () {
+    getMyMessages($(this).attr('data-type'))
+});
+
+getMyMessages('inbox');
+
+function addMessagesRow(id, senderName, receiverName, sentAt) {
+    return `
+        <a href="/message/${id}/detail">
+            <div class="alert alert-success">
+                <h5 class="alert-heading">${from}:<small class="pl-1">${senderName}</small></h5>
+                <h5 class="alert-heading">${to}:<small class="pl-1">${receiverName}</small></h5>
+                <small class="mb-0">${sentAt}</small>
+            </div>
+        </a>
+    `
+}