diff --git a/site/src/components/SiteSearch.svelte b/site/src/components/SiteSearch.svelte
index 819ed1ddba..45d8a5744b 100644
--- a/site/src/components/SiteSearch.svelte
+++ b/site/src/components/SiteSearch.svelte
@@ -5,12 +5,24 @@
export let showing = false;
let query = '';
+
+ let results = [];
{#if showing}
showing = false} transition:fade>
showing = false} />
+
+ {#if results.length}
+ reuslts
+ {:else}
+
+ {/if}
+
+ {#if query.length && !results.length}
+ Couldn't find any results for "{query}"
+ {/if}
{/if}
@@ -31,4 +43,20 @@
width: 385px;
background: var(--back);
}
+ .divider {
+ height: 0.5px;
+ background: rgba(0, 0, 0, 0.1);
+ }
+ img {
+ width: 150px;
+ height: 150px;
+ display: block;
+ margin: calc(50vh - 160px) auto 0 auto;
+ }
+ .no-results {
+ font-size: 14px;
+ font-weight: bold;
+ text-align: center;
+ padding: 0 16px;
+ }
diff --git a/site/static/icons/svelte-search.svg b/site/static/icons/svelte-search.svg
new file mode 100644
index 0000000000..238e9121b2
--- /dev/null
+++ b/site/static/icons/svelte-search.svg
@@ -0,0 +1 @@
+
\ No newline at end of file