From 9f3dbd4de9925fd2fa35c887d0a6808d95accfce Mon Sep 17 00:00:00 2001
From: Me <me@Philip.local>
Date: Wed, 23 Nov 2022 03:12:22 +0000
Subject: [PATCH] everything still works, no 502 and livereload does work, just
 not for CSS stuff apparently, but for DOM elems we gucci, added a tmp
 /profile/fetch path and button to the header to test fetching

---
 .../api_front/src/components/Header.svelte    | 47 ++++++++++++++++++-
 .../api_front/src/routes/profileRoutes.js     |  1 +
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/srcs/requirements/svelte/api_front/src/components/Header.svelte b/srcs/requirements/svelte/api_front/src/components/Header.svelte
index a4149651..609c1443 100644
--- a/srcs/requirements/svelte/api_front/src/components/Header.svelte
+++ b/srcs/requirements/svelte/api_front/src/components/Header.svelte
@@ -26,7 +26,22 @@
     console.log('clicked logout header')
 		$loginStatus = false;
 
-    // push('/');
+    push('/');
+  };
+
+  // TMP for testing Fetch
+
+  // let response;
+  let promise;
+
+  let handleClickFetch = async () => {
+    // await fetch('http://transcendance:8080/api/v2/user')
+    //   .then((res) => {response = res})
+    // let {data} = await fetch('http://transcendance:8080/api/v2/user');
+    promise = await fetch('http://transcendance:8080/api/v2/user')
+      .then( (x) => x.json() );
+    // there's a () after the .json, duh!!!!
+
   };
 
 </script>
@@ -40,6 +55,11 @@
     <h1>Potato Pong</h1>
   <!-- {/if} -->
   <nav>
+    <!-- TMP for testing Fetch -->
+    {#if $location === '/profile/fetch'}
+      <button on:click={handleClickFetch}>Do a Fetch</button>
+    {/if}
+
     <!-- <a href=""></a> -->
     <!-- i might change these to links rather than buttons, i kinda hate the buttons -->
     <!-- maybe just p or div actually idk -->
@@ -53,6 +73,31 @@
   </nav>
 </header>
 
+<!-- TMP for testing fetch -->
+
+{#if $location === '/profile/fetch'}
+  <p>Made it to /fetch</p>
+  <!-- {#if response != undefined} -->
+    <!-- <p>{response}</p> -->
+    <!-- <p>{response.json.username}</p> -->
+    <!-- <p>{response.json}</p> -->
+  <!-- {/if} -->
+  {#if promise !== undefined}
+    <!-- <p>{promise}}</p> -->
+    <!-- <p>{JSON.stringify(promise, null, 2)}</p> -->
+    <p>{promise.username}</p>
+  {/if}
+{/if}
+
+
+
+
+
+
+
+
+
+
 <style>
   /* See "possible_fonts.css" for more font options... */
   @font-face {
diff --git a/srcs/requirements/svelte/api_front/src/routes/profileRoutes.js b/srcs/requirements/svelte/api_front/src/routes/profileRoutes.js
index 58715b99..f8dd6673 100644
--- a/srcs/requirements/svelte/api_front/src/routes/profileRoutes.js
+++ b/srcs/requirements/svelte/api_front/src/routes/profileRoutes.js
@@ -9,6 +9,7 @@ export const prefix = '/profile';
 export const profileRoutes = {
   '/': ProfileDisplay,
   '/settings': ProfileSettings,
+  '/fetch': ProfileDisplay,
   '*': NotFound
 };