From f2db3e19bf2bd45ad97c67f6b690996a72d5874e Mon Sep 17 00:00:00 2001
From: rotimi-best <best@classroomio.com>
Date: Sat, 21 Aug 2021 10:18:10 +0300
Subject: [PATCH] Only call setAuthCookie on local

---
 src/routes/_error.svelte  | 37 +++++++++++++++++++++++++++++++------
 src/routes/_layout.svelte |  4 +++-
 src/server.js             |  1 +
 3 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/routes/_error.svelte b/src/routes/_error.svelte
index 6517e802..899b38dc 100644
--- a/src/routes/_error.svelte
+++ b/src/routes/_error.svelte
@@ -2,27 +2,52 @@
   export let status;
   export let error;
 
-  const dev = process.env.NODE_ENV === 'development';
+  // const dev = process.env.NODE_ENV === 'development';
+  let errorContent;
+
+  // function report() {}
+
+  $: {
+    try {
+      errorContent = !!error ? JSON.stringify(error) : '';
+    } catch (error) {}
+  }
 </script>
 
 <svelte:head>
   <title>{status}</title>
 </svelte:head>
 
-<h1>{status}</h1>
+<div class="w-3/5 h-3/5 m-auto flex flex-col items-center justify-center">
+  <h1>Opps 😢</h1>
+  <h2>Something wen't wrong and it's our fault.</h2>
+  <p>Please screenshot this page and send to me.</p>
+  <pre>
+    {errorContent}
+  </pre>
+</div>
 
-<p>{error.message}</p>
+<!-- {#if dev && error.stack}
+  <h1>{status}</h1>
 
-{#if dev && error.stack}
+  <p>{error.message}</p>
   <pre>{error.stack}</pre>
-{/if}
-
+{/if} -->
 <style>
   h1,
   p {
     margin: 0 auto;
   }
 
+  pre {
+    width: 500px;
+    white-space: pre-wrap; /* css-3 */
+    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+    white-space: -pre-wrap; /* Opera 4-6 */
+    white-space: -o-pre-wrap; /* Opera 7 */
+    word-wrap: break-word;
+  }
+
   h1 {
     font-size: 2.8em;
     font-weight: 700;
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 5da4bc02..ada4fb69 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -99,7 +99,9 @@
 
     const { data: authListener } = supabase.auth.onAuthStateChange(
       (event, session) => {
-        handleAuthChange(event, session);
+        if (config.isDev) {
+          handleAuthChange(event, session);
+        }
 
         if (event === 'SIGNED_IN') {
           $user.fetchingUser = true;
diff --git a/src/server.js b/src/server.js
index 0d998982..a6fc931c 100644
--- a/src/server.js
+++ b/src/server.js
@@ -11,6 +11,7 @@ import { getSupabase } from './utils/functions/supabase';
 dotenv.config();
 
 const config = {
+  isDev: process.env.NODE_ENV === 'development',
   telegramToken: process.env.SVELTE_APP_TELEGRAM_API_TOKEN,
   supabaseConfig: {
     url: process.env.SVELTE_APP_SUPABASE_URL,