From db84918cb17211b5d24b693e8db9370d5e014f6d Mon Sep 17 00:00:00 2001
From: Alex <$(pass /github/email)>
Date: Sun, 29 Sep 2024 21:22:23 +0200
Subject: [PATCH] frontend: changed thumbnail to profile picture

---
 frontend/src/lib/components/Header.svelte     |  4 ++--
 .../routes/auth/about/[id]/+page.server.js    |  4 ++--
 .../src/routes/auth/about/[id]/+page.svelte   | 23 +++++++++++--------
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/frontend/src/lib/components/Header.svelte b/frontend/src/lib/components/Header.svelte
index 4f42cff..4f75c75 100644
--- a/frontend/src/lib/components/Header.svelte
+++ b/frontend/src/lib/components/Header.svelte
@@ -46,8 +46,8 @@
         <div class="header-nav-item">
           <a href="/auth/about/{$page.data.user.id}">
             <img
-              src={$page.data.user.thumbnail
-                ? $page.data.user.thumbnail
+              src={$page.data.user.profile_picture
+                ? $page.data.user.profile_picture
                 : Avatar}
               alt={`${$page.data.user.first_name} ${$page.data.user.last_name}`}
             />
diff --git a/frontend/src/routes/auth/about/[id]/+page.server.js b/frontend/src/routes/auth/about/[id]/+page.server.js
index 454a509..dbad482 100644
--- a/frontend/src/routes/auth/about/[id]/+page.server.js
+++ b/frontend/src/routes/auth/about/[id]/+page.server.js
@@ -99,7 +99,7 @@ export const actions = {
 
     return {
       success: true,
-      thumbnail: response["s3_url"],
+      profile_picture: response[""],
     };
   },
   /**
@@ -132,7 +132,7 @@ export const actions = {
 
     return {
       success: true,
-      thumbnail: "",
+      profile_picture: "",
     };
   },
 };
diff --git a/frontend/src/routes/auth/about/[id]/+page.svelte b/frontend/src/routes/auth/about/[id]/+page.svelte
index 245a3ff..45ede1a 100644
--- a/frontend/src/routes/auth/about/[id]/+page.svelte
+++ b/frontend/src/routes/auth/about/[id]/+page.svelte
@@ -108,7 +108,7 @@
       /** @type {any} */
       const res = result;
       if (result.type === "success" || result.type === "redirect") {
-        user.thumbnail = res.data.thumbnail;
+        user.profile_picture = res.data.profile_picture;
       }
       await applyAction(result);
     };
@@ -118,7 +118,7 @@
 <div class="hero-container">
   <div class="hero-logo">
     <img
-      src={user.thumbnail ? user.thumbnail : Avatar}
+      src={user.profile_picture ? user.profile_picture : Avatar}
       alt={`${user.first_name} ${user.last_name}`}
       width="200"
     />
@@ -195,13 +195,13 @@
       >
         <div class="current-avatar">
           <ImageInput
-            avatar={user.thumbnail}
-            fieldName="thumbnail"
+            avatar={user.profile_picture}
+            fieldName="profile_picture"
             title="Nutzerbild auswählen"
           />
         </div>
         <div class="avatar-buttons">
-          {#if !user.thumbnail}
+          {#if !user.profile_picture}
             {#if isUploading}
               <SmallLoader width={30} message={"Uploading..."} />
             {:else}
@@ -211,8 +211,8 @@
             <input
               type="hidden"
               hidden
-              name="thumbnail_url"
-              value={user.thumbnail}
+              name="profile_picture_url"
+              bind:value={user.profile_picture}
               required
             />
             {#if isUploading}
@@ -240,7 +240,7 @@
             <button
               class="avatar-option"
               on:click={() => {
-                user.thumbnail = avatar.src;
+                user.profile_picture = avatar.src;
                 showAvatars = false;
               }}
             >
@@ -279,7 +279,12 @@
         {/each}
       {/if}
 
-      <input type="hidden" hidden name="thumbnail" value={user.thumbnail} />
+      <input
+        type="hidden"
+        hidden
+        name="profile_picture"
+        bind:value={user.profile_picture}
+      />
 
       <div class="button-container">
         {#each TABS as tab}