fix import and add fallback

This commit is contained in:
yujonglee 2024-07-26 22:00:48 +09:00
parent c54f23f936
commit 8a45abb563

View file

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