feat: add results view without any evaluation (#522)

Author: swouf

src/config/constants.ts

@@ -51,7 +51,7 @@ export const DEFAULT_BOT_USERNAME = 'GraaspBot';
 export const SHORT_TIME_LIMIT = 10; // seconds
 export const DEFAULT_LANG = 'en';
 
-export const DEFAULT_EVALUATION_TYPE = EvaluationType.Vote;
+export const DEFAULT_EVALUATION_TYPE = EvaluationType.None;
 
 export const HIGHLIGHT_RESPONSE_TIME_MS = 2000;
 

src/interfaces/evaluation.ts

@@ -1,4 +1,5 @@
 export enum EvaluationType {
+  None = 'none',
   Rate = 'rate',
   Vote = 'vote',
   Rank = 'rank',

src/modules/results/NoEvaluationResults.tsx

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+import Grid from '@mui/material/Grid';
+import Response from '@/modules/common/response/Response';
+import Stack from '@mui/material/Stack';
+import { useActivityContext } from '../context/ActivityContext';
+import ExportResponsesButton from '../common/ExportRepsonsesButton';
+
+interface NoEvaluationResultsProps {}
+
+const NoEvaluationResults: FC<NoEvaluationResultsProps> = () => {
+  const { allResponses } = useActivityContext();
+  return (
+    <Stack
+      direction="column"
+      justifyItems="center"
+      alignItems="center"
+      spacing={2}
+    >
+      <Grid container spacing={2}>
+        {allResponses
+          ? allResponses.map((response) => (
+              <Grid item key={response.id} xl={2} sm={4} xs={6}>
+                <Response response={response} />
+              </Grid>
+            ))
+          : ''}
+      </Grid>
+      <ExportResponsesButton responses={allResponses} />
+    </Stack>
+  );
+};
+
+export default NoEvaluationResults;

src/modules/results/ResultsView.tsx

@@ -8,6 +8,7 @@ import Pausable from '../common/Pausable';
 import { RatingsProvider } from '../context/RatingsContext';
 import { VoteProvider } from '../context/VoteContext';
 import VoteResults from './VoteResults';
+import NoEvaluationResults from './NoEvaluationResults';
 
 interface ResultsViewProps {}
 
@@ -31,7 +32,7 @@ const ResultsView = (props: ResultsViewProps): JSX.Element => {
           </RatingsProvider>
         );
       default:
-        return null;
+        return <NoEvaluationResults />;
     }
   };
 

src/modules/settings/activity/steps/results/ResultsSettings.tsx

@@ -49,6 +49,11 @@ const EvaluationSettings: FC<ResultsSettingsProps> = ({
             handleResultsTypeChange(event.target.value as EvaluationType);
           }}
         >
+          <FormControlLabel
+            value={EvaluationType.None}
+            control={<Radio />}
+            label={tEvaluationType('NONE')}
+          />
           <FormControlLabel
             value={EvaluationType.Rate}
             control={<Radio />}