ashwin/nxtgauge-frontend-solid
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: hide the global AI chat widget on /coming-soon
All checks were successful
build-and-release / build (push) Successful in 2m21s
Details

Browse source 
AiChatWidget renders unconditionally in the root layout for every
route - looked out of place on the pre-launch marketing page (a
floating chat bubble implying app functionality that doesn't exist
yet). Hidden via a small route-exclusion set keyed off useLocation(),
rather than threading a prop through every route.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Ashwin Kumar Sivakumar 2026-08-14 04:48:24 +05:30
parent f51a94b777
commit 97f1b61979
1 changed files with 47 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
src/app.tsx
View file

@ -1,52 +1,62 @@
import { MetaProvider, Title } from "@solidjs/meta"; import { MetaProvider, Title } from "@solidjs/meta";
import { Router } from "@solidjs/router"; import { Router, useLocation } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router"; import { FileRoutes } from "@solidjs/start/router";
import { ErrorBoundary, Suspense } from "solid-js"; import { ErrorBoundary, Suspense, Show } from "solid-js";
import { AuthProvider } from "~/lib/auth"; import { AuthProvider } from "~/lib/auth";
import { AiChatWidget } from "~/components/AiChatWidget"; import { AiChatWidget } from "~/components/AiChatWidget";
import "./app.css"; import "./app.css";
// Standalone pre-launch pages that shouldn't show the logged-out-app chrome
// (the AI chat widget assumes an app context - it doesn't make sense on a
// pure marketing/waitlist page).
const NO_CHAT_WIDGET_ROUTES = new Set(["/coming-soon"]);
export default function App() { export default function App() {
return ( return (
<Router <Router
root={(props) => ( root={(props) => {
<MetaProvider> const location = useLocation();
<Title>Nxtgauge</Title> return (
<AuthProvider> <MetaProvider>
<ErrorBoundary <Title>Nxtgauge</Title>
fallback={(err) => ( <AuthProvider>
<main <ErrorBoundary
style={{ fallback={(err) => (
padding: "24px", <main
"font-family": "Inter, system-ui, sans-serif",
color: "#111827",
background: "#fff",
}}
>
<h1 style={{ margin: 0, "font-size": "20px" }}>Frontend Error</h1>
<p style={{ "margin-top": "8px" }}>
A runtime error occurred while rendering this page.
</p>
<pre
style={{ style={{
"margin-top": "12px", padding: "24px",
padding: "12px", "font-family": "Inter, system-ui, sans-serif",
background: "#f3f4f6", color: "#111827",
"border-radius": "8px", background: "#fff",
"white-space": "pre-wrap",
}} }}
> >
{String((err as any)?.message || err)} <h1 style={{ margin: 0, "font-size": "20px" }}>Frontend Error</h1>
</pre> <p style={{ "margin-top": "8px" }}>
</main> A runtime error occurred while rendering this page.
)} </p>
> <pre
<Suspense>{props.children}</Suspense> style={{
<AiChatWidget /> "margin-top": "12px",
</ErrorBoundary> padding: "12px",
</AuthProvider> background: "#f3f4f6",
</MetaProvider> "border-radius": "8px",
)} "white-space": "pre-wrap",
}}
>
{String((err as any)?.message || err)}
</pre>
</main>
)}
>
<Suspense>{props.children}</Suspense>
<Show when={!NO_CHAT_WIDGET_ROUTES.has(location.pathname)}>
<AiChatWidget />
</Show>
</ErrorBoundary>
</AuthProvider>
</MetaProvider>
);
}}
> >
<FileRoutes /> <FileRoutes />
</Router> </Router>