From 8a45abb563b377cc1d6d3c7f0760a44b66d3b7cc Mon Sep 17 00:00:00 2001
From: yujonglee <yujonglee.dev@gmail.com>
Date: Fri, 26 Jul 2024 22:00:48 +0900
Subject: [PATCH] fix import and add fallback

---
 docs/my-website/src/theme/SearchBar.js | 72 +++++++++++++-------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/docs/my-website/src/theme/SearchBar.js b/docs/my-website/src/theme/SearchBar.js
index 09ae04630..6e2014f3c 100644
--- a/docs/my-website/src/theme/SearchBar.js
+++ b/docs/my-website/src/theme/SearchBar.js
@@ -24,7 +24,7 @@ export default function SearchBarWrapper(props) {
       import("@getcanary/web/components/canary-content"),
       import("@getcanary/web/components/canary-search"),
       import("@getcanary/web/components/canary-search-input"),
-      import("@getcanary/web/components/canary-search-results"),
+      import("@getcanary/web/components/canary-search-results-group"),
       import("@getcanary/web/components/canary-footer"),
       import("@getcanary/web/components/canary-callout-calendly"),
       import("@getcanary/web/components/canary-callout-discord"),
@@ -33,10 +33,6 @@ export default function SearchBarWrapper(props) {
       .catch(console.error);
   }, []);
 
-  if (!loaded || !path) {
-    return null;
-  }
-
   return (
     <div
       style={{
@@ -46,37 +42,41 @@ export default function SearchBarWrapper(props) {
         gap: "6px",
       }}
     >
-      <canary-root framework="docusaurus">
-        <canary-provider-pagefind
-          options={JSON.stringify({ ...options, path })}
-        >
-          <canary-modal>
-            <canary-trigger-logo slot="trigger"></canary-trigger-logo>
-            <canary-content slot="content">
-              <canary-search slot="search">
-                <canary-search-input slot="input"></canary-search-input>
-                <canary-search-results-group
-                  slot="results"
-                  groups="SDK:*;Proxy:/docs/(simple_proxy|proxy/.*)"
-                ></canary-search-results-group>
-                <canary-callout-discord
-                  slot="callout"
-                  message="👋 Looking for help?"
-                  url="https://discord.com/invite/wuPM9dRgDw"
-                  keywords="discord,help,support,community"
-                ></canary-callout-discord>
-                <canary-callout-calendly
-                  slot="callout"
-                  message="🚅 Interested in enterprise features?"
-                  keywords="sso,enterprise,security,audit"
-                  url="https://calendly.com/d/4mp-gd3-k5k/litellm-1-1-onboarding-chat"
-                ></canary-callout-calendly>
-              </canary-search>
-              <canary-footer slot="footer"></canary-footer>
-            </canary-content>
-          </canary-modal>
-        </canary-provider-pagefind>
-      </canary-root>
+      {!loaded || !path ? (
+        <span style={{ fontSize: "2rem" }}>🐤</span>
+      ) : (
+        <canary-root framework="docusaurus">
+          <canary-provider-pagefind
+            options={JSON.stringify({ ...options, path })}
+          >
+            <canary-modal>
+              <canary-trigger-logo slot="trigger"></canary-trigger-logo>
+              <canary-content slot="content">
+                <canary-search slot="search">
+                  <canary-search-input slot="input"></canary-search-input>
+                  <canary-search-results-group
+                    slot="results"
+                    groups="SDK:*;Proxy:/docs/(simple_proxy|proxy/.*)"
+                  ></canary-search-results-group>
+                  <canary-callout-discord
+                    slot="callout"
+                    message="👋 Looking for help?"
+                    url="https://discord.com/invite/wuPM9dRgDw"
+                    keywords="discord,help,support,community"
+                  ></canary-callout-discord>
+                  <canary-callout-calendly
+                    slot="callout"
+                    message="🚅 Interested in enterprise features?"
+                    keywords="sso,enterprise,security,audit"
+                    url="https://calendly.com/d/4mp-gd3-k5k/litellm-1-1-onboarding-chat"
+                  ></canary-callout-calendly>
+                </canary-search>
+                <canary-footer slot="footer"></canary-footer>
+              </canary-content>
+            </canary-modal>
+          </canary-provider-pagefind>
+        </canary-root>
+      )}
 
       <SearchBar {...props} />
     </div>