impl. function to show cloesd tasks ratings + accept finalValue from …

…sockets

client/app/Components/Features/Session/Tasks/Components/TaskCard.tsx

@@ -1,5 +1,5 @@
 import axios from "axios";
-import { FunctionComponent } from "react";
+import { FunctionComponent, useState } from "react";
 import {
   Status,
   convertStatusToNumber,
@@ -10,6 +10,7 @@ import {
 import { useTaskStore } from "../Stores/TaskStore";
 import { baseUrl, serviceUrl } from "../../../../../Constants/url";
 
+
 export const TaskCard: FunctionComponent<{
   id: String;
   parentSession: String;
@@ -80,8 +81,14 @@ export const TaskCard: FunctionComponent<{
                 </button>
               );
             case Status.Ended:
+
+              return (
+
+                renderFinalValueOnClosedTasks()
+
+              ); 
             default:
-              return <></>;
+              return <></>
           }
         })()}
         <button
@@ -94,6 +101,28 @@ export const TaskCard: FunctionComponent<{
     );
   };
 
+  const colorStyle = {
+    color: '#2ADF6C', 
+    fontWeight: 'bold',
+  };
+
+  /*
+  function UseUpdateFinalValue() {
+  const [value, setValue] = useState(0);
+  return () => setValue(value => value + 1)
+  }
+
+  const forceUpdate = UseUpdateFinalValue()
+  */
+
+  const renderFinalValueOnClosedTasks  = () => (
+    <>
+      <div style= {colorStyle} >
+      Rated:  {finalValue}
+      </div>
+    </>
+  );
+
   return (
     <>
       <div

client/app/Components/Features/Session/Tasks/Stores/TaskStore.ts

@@ -112,7 +112,7 @@ export const useTaskStore = create<ISessionTaskState>()((set, get) => ({
       })
     );
   },
-  //sets average complexity of the open task & changes it to evaluated
+  //sets the averageComplexity value for each task
   setAverageComplexity: (taskResultDto: ITaskResultDto) => {
     set(
       produce((draft: ISessionTaskState) => {
@@ -128,9 +128,11 @@ export const useTaskStore = create<ISessionTaskState>()((set, get) => ({
   setFinalComplexity: (finalValue: Number) => {
     set(
       produce((draft: ISessionTaskState) => {
+        const evaluatedTask = get().tasks.find((task) => task.status == Status.Evaluated);
         draft.tasks.forEach((task) => {
-          if (task.status == Status.Evaluated) {
+          if (task.id == evaluatedTask.id) {
             task.finalValue = finalValue;
+            console.log("finalValue updated: " + task.finalValue);
           }
         });
       })
@@ -139,7 +141,8 @@ export const useTaskStore = create<ISessionTaskState>()((set, get) => ({
   //returns the task thats currently in evaluation
   findEvaluatedTask: () => {
     return get().tasks.find((task) => task.status == Status.Evaluated);
-  }
+  },
+
 }));
 
 const sortTasks = (tasks: ITask[]) => {

client/pages/session/[id].tsx

@@ -16,16 +16,20 @@ import { dummyUsers } from "../../app/Components/Globals/DummyData";
 import { IEstimationDto } from "../../app/Interfaces/IEstimationDto";
 import { ITaskResultDto } from "../../app/Interfaces/ITaskResultDto";
 
+
+
 export default function Session({ id, data }: any) {
   const { setCurrentTasks } = useTaskStore();
   const { setCurrentUsers } = useSessionUserStore();
 
 
+
   useEffect(() => {
     const { tasks } = data;
-
+    
     setCurrentTasks(tasks);
     setCurrentUsers(dummyUsers);
+
   }, [data, dummyUsers]);
 
   //  process onUserConnect, onAnotherUserConnect, markTaskAsActive,
@@ -79,6 +83,11 @@ export default function Session({ id, data }: any) {
         let { payload } = parsed as IMessage<ITaskResultDto>;
         console.log("TaskFinalValueAdded received.");
         console.log(payload);
+        console.log(" finalval von PAYLOAD  ***" + payload.finalValue);
+
+        let final = payload.finalValue;
+        console.log(" finalval von final  ***" + final);
+        setFinalComplexity(final);
         // TODO
       }
       default: {
@@ -87,7 +96,7 @@ export default function Session({ id, data }: any) {
     }
   };
 
-  const { upsertTask, changeStatusOfTask, deleteTask, upsertEstimationToTask, setAverageComplexity } =
+  const { upsertTask, changeStatusOfTask, deleteTask, upsertEstimationToTask, setAverageComplexity, setFinalComplexity } =
     useTaskStore();
 
   const { sendMessage, getWebSocket } = useWebSocket(