From 8423d2b5672d5cef6b1e2d15e8ff5fa7e69e374f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 14 Jun 2022 12:11:59 +0200
Subject: [PATCH] feat: add back button fucntionality

---
 src/lib/layout/shell.svelte | 13 +++++++++++--
 src/lib/stores/layout.ts    |  1 +
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index befb4b076..2d5f1f43f 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { navigating, page } from '$app/stores';
-    import { tabs, title } from '$lib/stores/layout';
+    import { Back } from '$lib/components';
+    import { tabs, title, backButton } from '$lib/stores/layout';
     import { fade } from 'svelte/transition';
     import { Cover } from '.';
 
@@ -69,7 +70,15 @@
     </nav>
     <section class="main-content">
         <Cover>
-            <svelte:fragment slot="title">{$title}</svelte:fragment>
+            <svelte:fragment slot="title">
+                {#if $backButton}
+                    <Back href={$backButton}>
+                        {$title}
+                    </Back>
+                {:else}
+                    {$title}
+                {/if}
+            </svelte:fragment>
             {#if $tabs.length}
                 <div class="tabs">
                     {#if showLeft}
diff --git a/src/lib/stores/layout.ts b/src/lib/stores/layout.ts
index b343d1f78..0d347f29c 100644
--- a/src/lib/stores/layout.ts
+++ b/src/lib/stores/layout.ts
@@ -6,4 +6,5 @@ export type Tab = {
 };
 
 export const title = writable<string>('');
+export const backButton = writable<string>('');
 export const tabs = writable<Tab[]>([]);