fix: show only available responses in indivudual mode (#729)

for evaluating the responses or showing the results

Author: swouf

src/modules/responseEvaluation/ResponseEvaluation.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import Alert from '@mui/material/Alert';
@@ -8,6 +8,7 @@ import Container from '@mui/material/Container';
 import { RESPONSE_EVALUATION_VIEW_CY } from '@/config/selectors';
 import useSteps from '@/hooks/useSteps';
 import { EvaluationType } from '@/interfaces/evaluation';
+import { ResponseVisibilityMode } from '@/interfaces/interactionProcess';
 import Pausable from '@/modules/common/Pausable';
 import Response from '@/modules/common/response/Response';
 
@@ -18,16 +19,24 @@ import ResponsesGridContainer, {
 import { useActivityContext } from '../context/ActivityContext';
 import { useAppDataContext } from '../context/AppDataContext';
 import { RatingsProvider } from '../context/RatingsContext';
+import { useSettings } from '../context/SettingsContext';
 import { VoteProvider } from '../context/VoteContext';
 import VoteToolbar from './VoteToolbar';
 
 const ResponseEvaluation: FC = () => {
   const { t } = useTranslation();
-  const { allResponses } = useActivityContext();
+  const { allResponses, availableResponses } = useActivityContext();
+  const { activity } = useSettings();
+  const { mode } = activity;
   const { currentStep } = useSteps();
   const evaluationType = currentStep?.evaluationType;
   const evaluationParameters = currentStep?.evaluationParameters ?? {};
-  const responses = allResponses;
+  const responses = useMemo(() => {
+    if (mode === ResponseVisibilityMode.Individual) {
+      return availableResponses;
+    }
+    return allResponses;
+  }, [allResponses, availableResponses, mode]);
 
   const { invalidateAppData } = useAppDataContext();
 

src/modules/results/VoteResults.tsx

@@ -3,24 +3,33 @@ import { FC, useMemo } from 'react';
 import Stack from '@mui/material/Stack';
 
 import { sortResponsesByNumberOfVote } from '@/hooks/utils/evaluation';
+import { ResponseVisibilityMode } from '@/interfaces/interactionProcess';
 import Response from '@/modules/common/response/Response';
 
 import ExportResponsesButton from '../common/ExportRepsonsesButton';
 import ResponsesGridContainer, {
   ResponseGridItem,
 } from '../common/ResponsesGrid';
 import { useActivityContext } from '../context/ActivityContext';
+import { useSettings } from '../context/SettingsContext';
 import { useVoteContext } from '../context/VoteContext';
 
 type VoteResultsProps = unknown;
 
 const VoteResults: FC<VoteResultsProps> = () => {
-  const { allResponses } = useActivityContext();
+  const { allResponses, availableResponses } = useActivityContext();
   const { allVotes } = useVoteContext();
-  const sortedResponses = useMemo(
-    () => sortResponsesByNumberOfVote(allResponses, allVotes),
-    [allResponses, allVotes],
-  );
+  const { activity } = useSettings();
+  const { mode } = activity;
+  const sortedResponses = useMemo(() => {
+    let responses;
+    if (mode === ResponseVisibilityMode.Individual) {
+      responses = availableResponses;
+    } else {
+      responses = allResponses;
+    }
+    return sortResponsesByNumberOfVote(responses, allVotes);
+  }, [allResponses, allVotes, availableResponses, mode]);
   return (
     <Stack
       direction="column"