From 01cd12d0e324635e0c1f19a1093f40abee9f24ff Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Mon, 13 May 2024 21:42:14 +0000
Subject: [PATCH] Add users first name to home page when logged in.

---
 src/routes/+page.svelte | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1575536..f8b51db 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,6 +7,7 @@
   import campingDrawing from "$lib/assets/camping.svg";
   import AdventureOverlook from "$lib/assets/AdventureOverlook.webp";
   import MapWithPins from "$lib/assets/MapWithPins.webp";
+  import { onMount } from "svelte";
 
   async function navToLog() {
     goto("/log");
@@ -27,11 +28,29 @@
     >
       <div class="flex flex-col justify-center space-y-4">
         <div class="space-y-2">
-          <h1
-            class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
-          >
-            Discover the World's Most Thrilling Adventures
-          </h1>
+          {#if data.user}
+            {#if data.user.first_name && data.user.first_name !== null}
+              <h1
+                class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
+              >
+                {data.user.first_name.charAt(0).toUpperCase() +
+                  data.user.first_name.slice(1)}, Discover the World's Most
+                Thrilling Adventures
+              </h1>
+            {:else}
+              <h1
+                class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
+              >
+                Discover the World's Most Thrilling Adventures
+              </h1>
+            {/if}
+          {:else}
+            <h1
+              class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
+            >
+              Discover the World's Most Thrilling Adventures
+            </h1>
+          {/if}
           <p class="max-w-[600px] text-gray-500 md:text-xl dark:text-gray-400">
             Discover and plan your next epic adventure with our cutting-edge
             travel app. Explore breathtaking destinations, create custom