fix: sort responses by updatedAt descending (#657)

Author: swouf

src/hooks/useResponses.ts

@@ -3,6 +3,7 @@ import { useCallback, useMemo } from 'react';
 import { useLocalContext } from '@graasp/apps-query-client';
 import { AppDataVisibility, Member } from '@graasp/sdk';
 
+import { compareDesc } from 'date-fns/compareDesc';
 import cloneDeep from 'lodash.clonedeep';
 import shuffle from 'lodash.shuffle';
 
@@ -85,11 +86,14 @@ const useResponses = ({
       ({ creator, type }) =>
         creator?.id === accountId && type === AppDataTypes.Response,
     ) as ResponseAppData[];
-    return responses;
+    return responses.sort((a, b) => compareDesc(a.updatedAt, b.updatedAt));
   }, [appData, accountId]);
 
   const allResponses = useMemo(
-    (): ResponseAppData[] => getResponses(appData),
+    (): ResponseAppData[] =>
+      getResponses(appData).sort((a, b) =>
+        compareDesc(a.updatedAt, b.updatedAt),
+      ),
     [appData],
   );
 

src/modules/responseEvaluation/ResponseEvaluation.tsx

@@ -23,11 +23,11 @@ import VoteToolbar from './VoteToolbar';
 
 const ResponseEvaluation: FC = () => {
   const { t } = useTranslation();
-  const { availableResponses } = useActivityContext();
+  const { allResponses } = useActivityContext();
   const { currentStep } = useSteps();
   const evaluationType = currentStep?.evaluationType;
   const evaluationParameters = currentStep?.evaluationParameters ?? {};
-  const responses = availableResponses;
+  const responses = allResponses;
 
   const { invalidateAppData, isLoading } = useAppDataContext();
 

src/modules/results/RatingsResults.tsx

@@ -12,10 +12,7 @@ type RatingsResultsProps = unknown;
 
 const RatingsResults: FC<RatingsResultsProps> = () => {
   const { allResponses } = useActivityContext();
-  // const sortedResponses = useMemo(
-  //   () => sortResponsesByNumberOfVote(allResponses, allVotes),
-  //   [allResponses, allVotes],
-  // );
+
   return (
     <Stack
       direction="column"