fix: handle empty qlever result

src/routes/search/+page.server.ts

@@ -59,12 +59,12 @@ export const load: PageServerLoad = async ({ url }) => {
 		logger.debug({ queryResult }, "Query Result:");
 
         // 3. Process the results to define your variables
-		const resultColumns = ["Campaign", "Product", "Devices", "Chemicals"];
+        const resultColumns = ["Campaign", "Product", "Devices", "Chemicals"];
 
-		const results = queryResult.map(transformQueryResultRow);
+        const results = queryResult ? queryResult.map(transformQueryResultRow) : [];
 
-		// The 'results' variable now holds your array of transformed dictionaries.
-		logger.debug({ results }, "Processed and transformed SPARQL results");
+        // The 'results' variable now holds your array of transformed dictionaries.
+        logger.debug({ results }, "Processed and transformed SPARQL results");
 
 		// Return the actual data
         return {

src/routes/search/+page.svelte

@@ -61,11 +61,18 @@
 		resultColumns={resultColumns}
 		query={sparqlQuery}
 	/>
-	<DisplayQleverResults
-		results={results}
-		resultsTotal={resultsTotal}
-		tableHeaders={resultColumns}
-	/>
+    {#if resultsTotal > 0}
+        <DisplayQleverResults
+            {results}
+            {resultsTotal}
+            tableHeaders={resultColumns}
+        />
+    {:else}
+        <div class="bg-tertiary-50-800 space-y-4 rounded p-4">
+            <h3 class="h3">No Results Found</h3>
+            <p>Please try adjusting your filters or starting a new search.</p>
+        </div>
+    {/if}
 {/snippet}
 
 <ContentLayout {sidebar} {main} />