miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nxdev): create custom event for 404s (#12813)

Browse Source
This commit is contained in:
Benjamin Cabanes 2022-10-25 13:37:37 -04:00 committed by GitHub
parent e6054fb938
commit e70ecaefc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
nx-dev/nx-dev/pages/404.tsx
View File

@ -1,8 +1,19 @@
import { sendCustomEvent } from '@nrwl/nx-dev/feature-analytics';
import { Footer, Header } from '@nrwl/nx-dev/ui-common'; import { Footer, Header } from '@nrwl/nx-dev/ui-common';
import { NextSeo } from 'next-seo'; import { NextSeo } from 'next-seo';
import Link from 'next/link'; import Link from 'next/link';
import { useRouter } from 'next/router';
import { useEffect } from 'react';
export function FourOhFour(): JSX.Element { export function FourOhFour(): JSX.Element {
const router = useRouter();
useEffect(() => {
const handleRouteChange = (url: URL) =>
sendCustomEvent('custom_page_hit', '404', url.toString());
router.events.on('routeChangeStart', (url) => handleRouteChange(url));
return () => router.events.off('routeChangeStart', handleRouteChange);
}, [router]);
return ( return (
<> <>
<NextSeo title="Page not found" noindex={true} /> <NextSeo title="Page not found" noindex={true} />
@ -47,7 +58,7 @@ export function FourOhFour(): JSX.Element {
</article> </article>
</div> </div>
</main> </main>
<Footer useDarkBackground={false} /> <Footer />
</> </>
); );
} }