From 7e6aac175923b673153d87a75c58d60f77131a43 Mon Sep 17 00:00:00 2001
From: Eldad Fux <eldad.fux@gmail.com>
Date: Thu, 28 Sep 2023 01:20:49 +0300
Subject: [PATCH] Updated back on tutorials

---
 src/lib/layouts/DocsTutorial.svelte | 8 ++++++--
 src/lib/layouts/Sidebar.svelte      | 1 +
 src/markdoc/layouts/Tutorial.svelte | 3 ++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/lib/layouts/DocsTutorial.svelte b/src/lib/layouts/DocsTutorial.svelte
index 29c2053d26..d5b923f66b 100644
--- a/src/lib/layouts/DocsTutorial.svelte
+++ b/src/lib/layouts/DocsTutorial.svelte
@@ -5,6 +5,7 @@
 	export let title: string;
 	export let toc: Array<TocItem>;
 	export let currentStep: number;
+	export let back: string;
 
 	export let tutorials: Array<Tutorial>;
 
@@ -28,7 +29,9 @@
 					<slot name="metadata" />
 				</ul>
 				<div class="u-position-relative u-flex u-cross-center">
-					<button
+					{#if back}
+					<a
+						href={back}
 						class="
 						aw-button is-text is-only-icon aw-u-cross-center aw-u-size-40
 						u-position-absolute u-inset-inline-start-0 aw-u-translate-x-negative"
@@ -38,7 +41,8 @@
 							class="icon-cheveron-left aw-u-font-size-24 aw-u-color-text-primary aw-is-not-mobile"
 							aria-hidden="true"
 						/>
-					</button>
+					</a>
+					{/if}
 					<h1 class="aw-title">{title}</h1>
 				</div>
 			</div>
diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index 15f7d4b857..fcd17e7ae2 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -27,6 +27,7 @@
 	export let expandable = false;
 	export let navigation: NavTree;
 	export let parent: NavParent | undefined = undefined;
+	export let back: string;
 
 	function isNavLink(item: NavLink | NavGroup): item is NavLink {
 		return 'href' in item;
diff --git a/src/markdoc/layouts/Tutorial.svelte b/src/markdoc/layouts/Tutorial.svelte
index b489ff2cda..1f7cc153ac 100644
--- a/src/markdoc/layouts/Tutorial.svelte
+++ b/src/markdoc/layouts/Tutorial.svelte
@@ -20,6 +20,7 @@
 	export let difficulty: string;
 	export let readtime: string;
 	export let step: number;
+	export let back: string;
 
 	setContext<LayoutContext>('headings', writable({}));
 
@@ -56,7 +57,7 @@
 	<meta name="description" content={description} />
 </svelte:head>
 
-<DocsTutorial {title} {toc} {tutorials} currentStep={step}>
+<DocsTutorial {title} {back} {toc} {tutorials} currentStep={step}>
 	<svelte:fragment slot="metadata">
 		{#if difficulty}
 			<li>{difficulty}</li>