The members of the project should be showing now in pgsa pages, but there are...

The members of the project should be showing now in pgsa pages, but there are none added in the database

client/projectPage/projectPageA.html

@@ -15,10 +15,11 @@
       <div class="headerBox" style="display: flex; justify-content: space-between; align-items: center;">
         <!-- Left content -->
         <div>
-            <h2 id="title"></h2>
-            <p>Projekt ledare:</p>
-            <p>Medlem:</p>
-            <p>Medlem:</p>
+          <h2 id="title"></h2>
+          <p>Projekt ledare:</p>
+          <p id="pLeader"></p>
+          <p>Medlemar:</p>
+          <p id="pMembers"></p>
             <button>+ Lägg till medlem</button>
             <button>Redigera</button>
         </div>

client/projectPage/projectPageA.ts

@@ -73,6 +73,8 @@ async function loadImprovementWorkDataPageA(projectId:string) {
 
     const aAreaElement = document.getElementById("aArea") as HTMLParagraphElement;
     aAreaElement.textContent = improvementWork.area;
+    const pAreaElement = document.getElementById("pMembers") as HTMLParagraphElement;
+    pAreaElement.textContent = improvementWork.members;
 
     try {
         const aUnitArray = await getUnits({ unitId: improvementWork.unitId });

client/projectPage/projectPageG.html

@@ -16,10 +16,11 @@
       <div class="headerBox" style="display: flex; justify-content: space-between; align-items: center;">
         <!-- Left content -->
         <div>
-            <h2 id="title"></h2>
-            <p>Projekt ledare:</p>
-            <p>Medlem:</p>
-            <p>Medlem:</p>
+          <h2 id="title"></h2>
+          <p>Projekt ledare:</p>
+          <p id="pLeader"></p>
+          <p>Medlemar:</p>
+          <p id="pMembers"></p>
             <button>+ Lägg till medlem</button>
             <button>Redigera</button>
         </div>

client/projectPage/projectPageG.ts

@@ -71,6 +71,8 @@ async function loadImprovementWorkDataPageG(projectId:string) {
 
     const aAreaElement = document.getElementById("gArea") as HTMLParagraphElement;
     aAreaElement.textContent = improvementWork.area;
+    const pAreaElement = document.getElementById("pMembers") as HTMLParagraphElement;
+    pAreaElement.textContent = improvementWork.members;
 
     try {
         const aUnitArray = await getUnits({ unitId: improvementWork.unitId });

client/projectPage/projectPageP.html

@@ -14,8 +14,9 @@
         <div>
             <h2 id="title"></h2>
             <p>Projekt ledare:</p>
-            <p>Medlem:</p>
-            <p>Medlem:</p>
+            <p id="pLeader"></p>
+            <p>Medlemar:</p>
+            <p id="pMembers"></p>
             <button>+ Lägg till medlem</button>
             <button>Redigera</button>
         </div>

client/projectPage/projectPageP.ts

@@ -87,6 +87,8 @@ async function loadImprovementWorkDataPageP(projectId:string) {
     
     const aAreaElement = document.getElementById("pArea") as HTMLParagraphElement;
     aAreaElement.textContent = improvementWork.area;
+    const pAreaElement = document.getElementById("pMembers") as HTMLParagraphElement;
+    pAreaElement.textContent = improvementWork.members;
 
     try {
         const aUnitArray = await getUnits({ unitId: improvementWork.unitId });

client/projectPage/projectPageS.html

@@ -14,10 +14,11 @@
       <div class="headerBox" style="display: flex; justify-content: space-between; align-items: center;">
         <!-- Left content -->
         <div>
-            <h2 id="title"></h2>
-            <p>Projekt ledare:</p>
-            <p>Medlem:</p>
-            <p>Medlem:</p>
+          <h2 id="title"></h2>
+          <p>Projekt ledare:</p>
+          <p id="pLeader"></p>
+          <p>Medlemar:</p>
+          <p id="pMembers"></p>
             <button>+ Lägg till medlem</button>
             <button>Redigera</button>
         </div>

client/projectPage/projectPageS.ts

@@ -66,6 +66,8 @@ async function loadImprovementWorkDataPageS(projectId:string) {
 
     const aAreaElement = document.getElementById("sArea") as HTMLParagraphElement;
     aAreaElement.textContent = improvementWork.area;
+    const pAreaElement = document.getElementById("pMembers") as HTMLParagraphElement;
+    pAreaElement.textContent = improvementWork.members;
 
     try {
         const aUnitArray = await getUnits({ unitId: improvementWork.unitId });