minor-feat: possibility to choose which page the "toBack" button appe…

…ars on
RomanFama592 · Feb 9, 2024 · 0b537a3 · 0b537a3
1 parent 4697bc6
commit 0b537a3
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "tic-tac-toe-world",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "scripts": {
     "dev": "astro dev --host",
     "start:build": "astro check && astro build && astro preview --host",

diff --git a/src/layouts/FramePage.astro b/src/layouts/FramePage.astro
@@ -1,6 +1,12 @@
 ---
 import { goals, linkedIn, email, repoGithub } from "@/assets/ts/constants";
 import { version } from "../../package.json";
+
+interface Props {
+	enabledButtonBack?: boolean
+}
+
+const { enabledButtonBack = true }: Props = Astro.props;
 ---
 
 <nav
@@ -9,7 +15,7 @@ import { version } from "../../package.json";
     class="navbar sticky top-0 w-full h-[10dvh] z-20 shadow-lg bg-base-100 *:text-black justify-between lg:justify-around"
 >
     {
-        Astro.url.pathname !== "/" && (
+        enabledButtonBack && (
             <button
                 onclick="window.history.back();"
                 id="toBack"
@@ -73,4 +79,4 @@ import { version } from "../../package.json";
             v {version}
         </h3>
     </footer>
-</main>
+</main>
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -7,7 +7,7 @@ import FramePage from "@/layouts/FramePage.astro";
     title="Pagina no encontrada"
     description=""
 >
-    <FramePage>
+    <FramePage enabledButtonBack={false}>
         <div class="flex items-center justify-center size-full m-auto">
             <p class="m-5 text-2xl text-center text-pretty">
                 Lo sentimos pero <span id="pathnameSpan" class="p-1 bg-base-100 rounded-md font-semibold"

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -94,7 +94,7 @@ export const sections: ISections = {
 ---
 
 <Html title="Welcome to Tic Tac Toe World." description="">
-	<FramePage>
+	<FramePage enabledButtonBack={false}>
 		{/* Header */}
 		<header
 			class="flex flex-col lg:flex-row