Update package versions and optimize URL generation

Updated the versions of several packages including pino and pnpm. Also, the generation of URLs in the pricing-table.tsx file has been optimized by implementing URLSearchParams. A new global error page was also added.
2024-05-13 21:47:51 +07:00
parent a75009c0df
commit 9d30039ba8
6 changed files with 100 additions and 34 deletions
--- a/apps/web/app/global-error.tsx
+++ b/apps/web/app/global-error.tsx
@@ -0,0 +1,68 @@
+'use client';
+
+import { ArrowLeft } from 'lucide-react';
+
+import { useCaptureException } from '@kit/monitoring/hooks';
+import { Button } from '@kit/ui/button';
+import { Heading } from '@kit/ui/heading';
+import { Trans } from '@kit/ui/trans';
+
+import { SiteHeader } from '~/(marketing)/_components/site-header';
+
+const GlobalErrorPage = ({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) => {
+  useCaptureException(error);
+
+  return (
+    <html>
+      <body>
+        <div className={'flex h-screen flex-1 flex-col'}>
+          <SiteHeader />
+
+          <div
+            className={
+              'container m-auto flex w-full flex-1 flex-col items-center justify-center'
+            }
+          >
+            <div className={'flex flex-col items-center space-y-16'}>
+              <div>
+                <h1 className={'font-heading text-9xl font-extrabold'}>
+                  <Trans i18nKey={'common:errorPageHeading'} />
+                </h1>
+              </div>
+
+              <div className={'flex flex-col items-center space-y-8'}>
+                <div className={'flex flex-col items-center space-y-2.5'}>
+                  <div>
+                    <Heading level={1}>
+                      <Trans i18nKey={'common:genericError'} />
+                    </Heading>
+                  </div>
+
+                  <p className={'text-muted-foreground'}>
+                    <Trans i18nKey={'common:genericErrorSubHeading'} />
+                  </p>
+                </div>
+
+                <div>
+                  <Button variant={'outline'} onClick={reset}>
+                    <ArrowLeft className={'mr-2 h-4'} />
+
+                    <Trans i18nKey={'common:goBack'} />
+                  </Button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </body>
+    </html>
+  );
+};
+
+export default GlobalErrorPage;