From 1ad40d7b5514e7db53f39f1acfba0a08150da70a Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 9 Nov 2025 03:55:36 +0000
Subject: [PATCH] completionId: cgen-6cf476e099674b6ca859b6e8f05cf19d

cgen-6cf476e099674b6ca859b6e8f05cf19d
---
 client/pages/Activity.tsx | 38 ++++++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/client/pages/Activity.tsx b/client/pages/Activity.tsx
index 14cf00c0..32ada1c2 100644
--- a/client/pages/Activity.tsx
+++ b/client/pages/Activity.tsx
@@ -29,13 +29,43 @@ export default function Activity() {
   if (error) {
     return (
       <div className="flex items-center justify-center min-h-screen bg-gray-900">
-        <div className="text-center">
+        <div className="text-center max-w-md">
           <h1 className="text-3xl font-bold text-red-500 mb-4">
             ❌ Activity Error
           </h1>
-          <p className="text-gray-300 mb-8">{error}</p>
-          <p className="text-gray-400 text-sm">
-            Please try opening the Activity again in Discord.
+          <p className="text-gray-300 mb-8 text-sm">{error}</p>
+
+          <div className="bg-gray-800 border border-gray-700 rounded-lg p-4 mb-6 text-left">
+            <h3 className="text-white font-semibold mb-3">Troubleshooting Steps:</h3>
+            <ol className="text-gray-400 text-sm space-y-2 list-decimal list-inside">
+              <li>Clear your browser cache (Ctrl+Shift+Delete)</li>
+              <li>Close Discord completely</li>
+              <li>Reopen Discord</li>
+              <li>Try opening the Activity again</li>
+            </ol>
+          </div>
+
+          <div className="bg-blue-900/20 border border-blue-700 rounded-lg p-3 mb-6">
+            <p className="text-blue-300 text-xs">
+              💡 Open browser console (F12) and look for messages starting with <code className="bg-blue-950 px-1 rounded">[Discord Activity]</code>
+            </p>
+          </div>
+
+          <button
+            onClick={() => window.location.reload()}
+            className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors text-sm"
+          >
+            Retry
+          </button>
+
+          <p className="text-gray-500 text-xs mt-4">
+            Still having issues? Check the{" "}
+            <a
+              href="/docs/troubleshooting"
+              className="text-blue-400 hover:text-blue-300"
+            >
+              troubleshooting guide
+            </a>
           </p>
         </div>
       </div>