mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve loading states:

Browse Source 
* app loader
 * specific loaders with spinner
This commit is contained in:
m5r
2021-10-18 00:06:45 +02:00
parent 29101b1daf
commit 931384b468
18 changed files with 867 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/pages/_app.tsx
View File

@ -21,7 +21,7 @@ import "app/core/styles/index.css";
const { publicRuntimeConfig } = getConfig();
export default function App({ Component, pageProps }: AppProps) {
const session = useSession();
const session = useSession({ suspense: false });
usePanelbear(publicRuntimeConfig.panelBear.siteId);
useEffect(() => {
if (session.userId) {
@ -42,7 +42,8 @@ export default function App({ Component, pageProps }: AppProps) {
FallbackComponent={RootErrorFallback}
onReset={useQueryErrorResetBoundary().reset}
>
<Suspense fallback="Silence, ca pousse">{getLayout(<Component {...pageProps} />)}</Suspense>
{/* TODO: better default fallback */}
<Suspense fallback={null}>{getLayout(<Component {...pageProps} />)}</Suspense>
</ErrorBoundary>
);
}

6
app/pages/_offline.tsx
View File

@ -1,11 +1,11 @@
import { useRouter } from "blitz";
import Layout from "../core/layouts/layout";
import AppLayout from "../core/layouts/layout";
export default function Offline() {
const router = useRouter();
return (
<Layout title="App went offline">
<AppLayout title="App went offline">
<h2 className="mt-6 text-center text-3xl leading-9 font-extrabold text-gray-900">
Oops, looks like you went offline.
</h2>
@ -17,6 +17,6 @@ export default function Offline() {
</span>
</button>
</p>
</Layout>
</AppLayout>
);
}