From 01dbab890c064497097d682d0e0f0b9fcd254787 Mon Sep 17 00:00:00 2001
From: vamsikrishnamathala <matalav55@gmail.com>
Date: Wed, 10 Sep 2025 20:24:08 +0530
Subject: [PATCH 1/2] chore: updated content for error page

---
 apps/web/app/error.tsx | 83 +++++++++++++++++++-----------------------
 1 file changed, 38 insertions(+), 45 deletions(-)

diff --git a/apps/web/app/error.tsx b/apps/web/app/error.tsx
index 9853dc13e53..0ca78c13bcb 100644
--- a/apps/web/app/error.tsx
+++ b/apps/web/app/error.tsx
@@ -2,41 +2,35 @@
 
 import Image from "next/image";
 import { useTheme } from "next-themes";
-// plane imports
-import { API_BASE_URL } from "@plane/constants";
-import { Button, TOAST_TYPE, setToast } from "@plane/ui";
-// hooks
-import { useAppRouter } from "@/hooks/use-app-router";
 // layouts
 import DefaultLayout from "@/layouts/default-layout";
 // images
 import maintenanceModeDarkModeImage from "@/public/instance/maintenance-mode-dark.svg";
 import maintenanceModeLightModeImage from "@/public/instance/maintenance-mode-light.svg";
-// services
-import { AuthService } from "@/services/auth.service";
+import { Button } from "@plane/ui";
 
-// services
-const authService = new AuthService();
+const linkMap = [
+  {
+    key: "mail_to",
+    label: "Contact Support",
+    value: "mailto:support@plane.so",
+  },
+  {
+    key: "status",
+    label: "Status Page",
+    value: "https://status.plane.so/",
+  },
+  {
+    key: "twitter_handle",
+    label: "@planepowers",
+    value: "https://x.com/planepowers",
+  },
+];
 
 export default function CustomErrorComponent() {
-  // routers
-  const router = useAppRouter();
   // hooks
   const { resolvedTheme } = useTheme();
 
-  const handleSignOut = async () => {
-    await authService
-      .signOut(API_BASE_URL)
-      .catch(() =>
-        setToast({
-          type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: "Failed to sign out. Please try again.",
-        })
-      )
-      .finally(() => router.push("/"));
-  };
-
   // derived values
   const maintenanceModeImage = resolvedTheme === "dark" ? maintenanceModeDarkModeImage : maintenanceModeLightModeImage;
 
@@ -55,34 +49,33 @@ export default function CustomErrorComponent() {
         <div className="w-full relative flex flex-col gap-4 mt-4">
           <div className="flex flex-col gap-2.5">
             <h1 className="text-xl font-semibold text-custom-text-100 text-left">
-              &#x1F6A7; Yikes! That doesn&apos;t look good.
+              &#x1F6A7; Looks like something went wrong!
             </h1>
             <span className="text-base font-medium text-custom-text-200 text-left">
-              That crashed Plane, pun intended. No worries, though. Our engineers have been notified. If you have more
-              details, please write to{" "}
-              <a href="mailto:support@plane.so" className="text-custom-primary">
-                support@plane.so
-              </a>{" "}
-              or on our{" "}
-              <a
-                href="https://discord.com/invite/A92xrEGCge"
-                target="_blank"
-                className="text-custom-primary"
-                rel="noopener noreferrer"
-              >
-                Discord
-              </a>
-              .
+              We track these errors automatically and working on getting things back up and running. If the problem
+              persists feel free to contact us. In the meantime, try refreshing.
             </span>
           </div>
 
-          <div className="flex items-center justify-start gap-2">
-            <Button variant="primary" size="md" onClick={() => router.push("/")}>
+          <div className="flex items-center justify-start gap-6 mt-1">
+            {linkMap.map((link) => (
+              <div key={link.key}>
+                <a
+                  href={link.value}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-custom-primary-100 hover:underline text-sm"
+                >
+                  {link.label}
+                </a>
+              </div>
+            ))}
+          </div>
+
+          <div className="flex items-center justify-start gap-6">
+            <Button variant="primary" size="md" onClick={() => window.location.reload()}>
               Go to home
             </Button>
-            <Button variant="neutral-primary" size="md" onClick={handleSignOut}>
-              Sign out
-            </Button>
           </div>
         </div>
       </div>

From 8416bca954cd80692498ca050a0eeb7f0b780580 Mon Sep 17 00:00:00 2001
From: vamsikrishnamathala <matalav55@gmail.com>
Date: Thu, 11 Sep 2025 13:31:09 +0530
Subject: [PATCH 2/2] chore: updated btn url

---
 apps/web/app/error.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/error.tsx b/apps/web/app/error.tsx
index 0ca78c13bcb..7e383ce2bf9 100644
--- a/apps/web/app/error.tsx
+++ b/apps/web/app/error.tsx
@@ -3,11 +3,12 @@
 import Image from "next/image";
 import { useTheme } from "next-themes";
 // layouts
+import { Button } from "@plane/ui";
+import { useAppRouter } from "@/hooks/use-app-router";
 import DefaultLayout from "@/layouts/default-layout";
 // images
 import maintenanceModeDarkModeImage from "@/public/instance/maintenance-mode-dark.svg";
 import maintenanceModeLightModeImage from "@/public/instance/maintenance-mode-light.svg";
-import { Button } from "@plane/ui";
 
 const linkMap = [
   {
@@ -30,6 +31,7 @@ const linkMap = [
 export default function CustomErrorComponent() {
   // hooks
   const { resolvedTheme } = useTheme();
+  const router = useAppRouter();
 
   // derived values
   const maintenanceModeImage = resolvedTheme === "dark" ? maintenanceModeDarkModeImage : maintenanceModeLightModeImage;
@@ -73,7 +75,7 @@ export default function CustomErrorComponent() {
           </div>
 
           <div className="flex items-center justify-start gap-6">
-            <Button variant="primary" size="md" onClick={() => window.location.reload()}>
+            <Button variant="primary" size="md" onClick={() => router.push("/")}>
               Go to home
             </Button>
           </div>