From 50cb2456f0cb48d4cfd4d558a3a6e44478845fb2 Mon Sep 17 00:00:00 2001
From: Tom Gobich <tom@tomgobich.com>
Date: Mon, 23 Dec 2024 08:14:10 -0500
Subject: [PATCH] feat: adding link back to adocasts main site

---
 inertia/layouts/AppLayout.vue | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/inertia/layouts/AppLayout.vue b/inertia/layouts/AppLayout.vue
index fb7346e..01f4024 100644
--- a/inertia/layouts/AppLayout.vue
+++ b/inertia/layouts/AppLayout.vue
@@ -1,5 +1,15 @@
 <script setup lang="ts">
-import { CircleUser } from 'lucide-vue-next'
+import {
+  ArrowLeftFromLine,
+  Bell,
+  CircleUser,
+  Database,
+  Fingerprint,
+  LogOut,
+  Receipt,
+  User,
+  UserPen,
+} from 'lucide-vue-next'
 import { Link } from '@inertiajs/vue3'
 import UserDto from '#dtos/user'
 
@@ -25,26 +35,42 @@ const props = defineProps<{
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
-            <DropdownMenuLabel>{{ user.username }}</DropdownMenuLabel>
+            <DropdownMenuLabel class="flex items-center gap-3">
+              <User class="w-4 h-4" />
+              {{ user.username }}
+            </DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem as="a" href="https://adocasts.com">
+              <ArrowLeftFromLine class="w-4 h-4" />
+              Return to Adocasts
+            </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem as="a" href="https://adocasts.com/settings/account">
+              <Fingerprint class="w-4 h-4" />
               Account Settings
             </DropdownMenuItem>
             <DropdownMenuItem as="a" href="https://adocasts.com/settings/profile">
+              <UserPen class="w-4 h-4" />
               Profile Settings
             </DropdownMenuItem>
             <DropdownMenuItem as="a" href="https://adocasts.com/settings/billing">
+              <Receipt class="w-4 h-4" />
               Billing Settings
             </DropdownMenuItem>
             <DropdownMenuItem as="a" href="https://adocasts.com/settings/notifications">
+              <Bell class="w-4 h-4" />
               Manage Notification
             </DropdownMenuItem>
             <DropdownMenuItem as="a" href="https://adocasts.com/settings/data">
+              <Database class="w-4 h-4" />
               Manage Your Data
             </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem as-child>
-              <Link method="post" href="/logout">Logout</Link>
+              <Link method="post" href="/logout" class="flex items-center gap-2">
+                <LogOut class="w-4 h-4 pl-0.5" />
+                Logout
+              </Link>
             </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>