Update back button logic (#18)

* Fixed Redirect Button

- if came from foreign page, take to home page
- if no href was passed down, take to wherever they were before
- if an explicit href was passed down, take client to wherever the href is

* Add ts ignore

---------

Co-authored-by: Matthew M-B <matthew.mb@getjobber.com>

src/components/Back/Back.astro

@@ -1,8 +1,26 @@
 ---
-const { href, label } = Astro.props;
+const { href = "", label = "Back" } = Astro.props;
 import "./Back.scss";
 ---
 
-<a class="Back" href={href}
-  ><i class="mdi mdi-keyboard-backspace"></i> {label}</a
->
+<div class="Back" onclick={`handleBackClick('${href}')`}>
+  <i class="mdi mdi-keyboard-backspace"></i>
+  {label}
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    function handleBackClick(href: string) {
+      const isSameOrigin = document.referrer.includes(window.origin);
+      if (!isSameOrigin) {
+        window.location.href = "/";
+      } else if (href !== "") {
+        window.location.href = href;
+      } else {
+        window.history.back();
+      }
+    }
+    // @ts-ignore
+    window.handleBackClick = handleBackClick;
+  });
+</script>

src/pages/practice/tag/[tag].astro

@@ -112,7 +112,7 @@ const tabTitle = tag
 <Layout title={tabTitle}>
   <div class="Question__bar">
     <div>
-      <Back href={`/questions/${randomQuestion.data.path}`} label="Back" />
+      <Back />
     </div>
   </div>
 

src/pages/questions/[...path].astro

@@ -52,7 +52,7 @@ const title = formatString(path);
 
 <Layout title={title + " Question"}>
   <div class="Question__bar">
-    <div><Back href={`/evaluations`} label="Evaluations" /></div>
+    <div><Back /></div>
   </div>
   <h1>{title}</h1>
   <Content />

src/pages/questions/solution/[...path].astro

@@ -44,7 +44,7 @@ const question = await loadQuestion();
 
 <Layout title="Solution">
   <div class="Question__bar">
-    <div><Back href={`/questions/${path}`} label="Back" /></div>
+    <div><Back /></div>
   </div>
   <Content />
   <div>