From 02834eb5f6eb0810934dc078f737a722fce05dc8 Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Fri, 17 Nov 2023 22:08:39 +0530
Subject: [PATCH] (feat): added no results found message

---
 htdocs/assets/_floatingbar.php         | 10 +++++-----
 htdocs/assets/js/floatingbar-config.js | 12 +++++++++++-
 htdocs/assets/style.css                |  8 ++++++++
 htdocs/core/query_functions.php        |  2 +-
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 0ae6f7f..d2d284c 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -70,16 +70,16 @@
     </div>
     <div id="searchresults" class="searchresults w-full flex-col justify-start px-2 mt-1 hidden">
         <p class="text-xs text-accent_three mt-3 mb-2 mx-1">SEARCH RESULTS</p>
-        <div class="group resultitem w-full flex justify-between items-center my-1 p-1 cursor-pointer hover:bg-bg_third transition transform duration-200 rounded-lg" onclick="location.href='<?php echo $basePath ?>'">
+        <div class="group resultitem w-full flex justify-between items-center my-1 p-1 cursor-pointer hover:bg-bg_third transition transform duration-200 rounded-lg" onclick="location.href='#'">
             <span class="flex items-center">
-                <span class="mx-1 px-[0.65rem] py-1 rounded border-[1px] border-accent_secondary_transparent">P</span>
+                <span class="mx-1 px-[0.65rem] py-1 rounded border-[1px] border-accent_secondary_transparent">TITLE LETTER</span>
                 <span class="flex flex-col">
-                    <h6 class="mx-1">ProURL</h6>
-                    <p class="mx-1 text-xs text-accent_three">All in one link shortener and management tool webapp</p>
+                    <h6 class="mx-1">TITLE</h6>
+                    <p class="mx-1 text-xs text-accent_three">DESCRIPTION</p>
                 </span>
             </span>
             <span class="flex items-center mr-1">
-                <span class="px-[1rem] py-[0.05rem] mx-1 text-xs bg-accent_four text-bg_secondary rounded-full group-hover:hidden">#project</span>
+                <span class="px-[1rem] py-[0.05rem] mx-1 text-xs bg-accent_four text-bg_secondary rounded-full group-hover:hidden">#TAG</span>
                 <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
             </span>
         </div>
diff --git a/htdocs/assets/js/floatingbar-config.js b/htdocs/assets/js/floatingbar-config.js
index 520bf91..6f7b562 100644
--- a/htdocs/assets/js/floatingbar-config.js
+++ b/htdocs/assets/js/floatingbar-config.js
@@ -100,7 +100,13 @@ function perform_search(searchInput, searchDef, searchRes) {
         dataType: 'json',
         data: { keyword: searchString },
         success: function(response) {
-            inject_search_results(response);
+            console.log(response);
+            if(response.results && response.results === "none") {
+                inject_no_results(response);
+            }
+            else {
+                inject_search_results(response);
+            }
         },
         error: function(error) {
             console.error('error:', error);
@@ -144,6 +150,10 @@ function inject_search_results (results) {
     });
 }
 
+function inject_no_results(results) {
+    searchRes.innerHTML = `<div class="resultitem w-full h-[59vh] flex flex-col justify-center items-center"><p class="text-xl text-accent_three">${results.message}</p</div>`;
+}
+
 searchInput.addEventListener('input', function() {
     if (searchInput.value != "") {
         perform_search(searchInput, searchDef, searchRes);
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index dd76133..8e0c86d 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -936,6 +936,14 @@ video {
   height: 100vh;
 }
 
+.h-\[57vh\] {
+  height: 57vh;
+}
+
+.h-\[59vh\] {
+  height: 59vh;
+}
+
 .w-0 {
   width: 0px;
 }
diff --git a/htdocs/core/query_functions.php b/htdocs/core/query_functions.php
index b56a21a..2579697 100644
--- a/htdocs/core/query_functions.php
+++ b/htdocs/core/query_functions.php
@@ -62,7 +62,7 @@ function fetch_search_results($conn, $keyword) {
         return $result;
     }
     else {
-        return array('results' => 'none');
+        return array('results' => 'none', 'message' => ': ( &nbsp; No Results Found');
     }
 }
 ?>
\ No newline at end of file