From 76dcea186ca11563b0e672c63f2f2d29bb81aa9f Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Sun, 21 Apr 2024 17:07:15 +0200
Subject: [PATCH] added ProfilePicture handling

---
 .../ScientificPublications/ManageResearcherProfile.vue    | 8 +++++++-
 .../src/Apps/ScientificPublications/ResearcherProfile.vue | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Apps/ScientificPublications/ManageResearcherProfile.vue b/frontend/src/Apps/ScientificPublications/ManageResearcherProfile.vue
index e9ff8aa..82e2d03 100644
--- a/frontend/src/Apps/ScientificPublications/ManageResearcherProfile.vue
+++ b/frontend/src/Apps/ScientificPublications/ManageResearcherProfile.vue
@@ -39,13 +39,19 @@ async function modifiedResearch(){
   researchList.value = await fetchResearches(researcher.value.id)
 }
 
+function getPP(){
+  if(researcher.value.user.profilePictureUrl === null){
+    return "/Clyde.png"
+  }
+  return researcher.value.user.profilePictureUrl
+}
 
 </script>
 
 <template> <div class="body"><div id="main">
     <ResearchPostComponent :allResearcher="allResearcher" :researcher="researcher" :isOpen="isPostResearchOpened" @modal-close="isPostResearchOpened = false" @posted="modifiedResearch"></ResearchPostComponent>
     <div id="profilePicture">
-      <img src="/Clyde.png" />
+      <img :src=getPP() />
     </div>
     <div id="researcherInfos">
       <div class="surrounded" v-if="!changing">{{researcher.user.lastName}} {{researcher.user.firstName}}</div>
diff --git a/frontend/src/Apps/ScientificPublications/ResearcherProfile.vue b/frontend/src/Apps/ScientificPublications/ResearcherProfile.vue
index d47d3b8..9ae1d30 100644
--- a/frontend/src/Apps/ScientificPublications/ResearcherProfile.vue
+++ b/frontend/src/Apps/ScientificPublications/ResearcherProfile.vue
@@ -18,6 +18,12 @@ let chart;
 const researcherId = window.location.href.split("=")[1]
 
 
+function getPP(){
+  if(researcher.value.user.profilePictureUrl === null){
+    return "/Clyde.png"
+  }
+  return researcher.value.user.profilePictureUrl
+}
 const researchList = ref(await fetchResearches(researcherId));
 const researcher = ref(await fetchResearcher(researcherId));
 const stats = ref(await fetchStats(researcherId))
@@ -73,7 +79,7 @@ function update(){
 <template>
   <div id="main">
     <div id="profilePicture">
-      <img src="/Clyde.png" />
+      <img :src=getPP() />
     </div>
     <div id="researcherInfos">
       <div class="surrounded">{{researcher.user.lastName}} {{researcher.user.firstName}}</div>