From 3d458826cfcd3bb201a97f47b9800180d75bdecb Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 8 Aug 2023 17:29:04 +0800
Subject: [PATCH] Fix http route not working

---
 src/pages/HttpRoute.jsx | 37 +++++++++++++++++++++++++++----------
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/pages/HttpRoute.jsx b/src/pages/HttpRoute.jsx
index 3c9729d2..d54b5715 100644
--- a/src/pages/HttpRoute.jsx
+++ b/src/pages/HttpRoute.jsx
@@ -1,3 +1,4 @@
+import { useLayoutEffect } from 'preact/hooks';
 import { useLocation } from 'react-router-dom';
 
 import Link from '../components/link';
@@ -7,18 +8,34 @@ export default function HttpRoute() {
   const location = useLocation();
   const url = location.pathname.replace(/^\//, '');
   const statusURL = getInstanceStatusURL(url);
-  if (statusURL) {
-    window.location.hash = statusURL + '?view=full';
-    return null;
-  }
+
+  useLayoutEffect(() => {
+    if (statusURL) {
+      setTimeout(() => {
+        window.location.hash = statusURL + '?view=full';
+      }, 300);
+    }
+  }, [statusURL]);
+
   return (
     <div class="ui-state" tabIndex="-1">
-      <h2>Unable to process URL</h2>
-      <p>
-        <a href={url} target="_blank">
-          {url}
-        </a>
-      </p>
+      {statusURL ? (
+        <>
+          <h2>Redirecting…</h2>
+          <p>
+            <a href={`#${statusURL}?view=full`}>{statusURL}</a>
+          </p>
+        </>
+      ) : (
+        <>
+          <h2>Unable to process URL</h2>
+          <p>
+            <a href={url} target="_blank">
+              {url}
+            </a>
+          </p>
+        </>
+      )}
       <hr />
       <p>
         <Link to="/">Go home</Link>