fix: disable step buttons when activity is not playing

docs: update citation information

Author: swouf

CITATION.cff

@@ -18,8 +18,8 @@ identifiers:
     value: 10.5281/zenodo.13862314
     description: DOI of the record on Zenodo. Valid for all versions.
   - type: doi
-    value: 10.5281/zenodo.13862315
-    description: DOI of version 3.0.0
+    value: 10.5281/zenodo.14191420
+    description: DOI of version 3.2.2
   - type: url
     value: >-
       https://github.com/graasp/graasp-app-collaborative-ideation
@@ -42,5 +42,5 @@ keywords:
   - hybrid
 license: AGPL-3.0-only
 commit: ea9f04805d47f6cfe49a74280e504f3331db99c7
-version: 3.0.0
-date-released: '2024-09-30'
+version: 3.2.2
+date-released: '2024-11-20'

README.md

@@ -24,7 +24,7 @@ The **Collaborative Ideation** app in Graasp was made to organize blended and on
 
 If you use this software or take inspiration from it, please, cite it as below:
 
-> La Scala, J. (2024). Collaborative Ideation (v3.0.0). Zenodo. https://doi.org/10.5281/zenodo.13862315
+> La Scala, J. (2024). Collaborative Ideation (v3.2.2). Zenodo. https://doi.org/10.5281/zenodo.14191420
 
 For citing the latest version, use the permanent DOI: [10.5281/zenodo.13862314](https://doi.org/10.5281/zenodo.13862314)
 

src/modules/orchestration/StepsButton.tsx

@@ -12,9 +12,14 @@ import Typography from '@mui/material/Typography';
 
 import { ORCHESTRATION_BAR_CY } from '@/config/selectors';
 import useSteps from '@/hooks/useSteps';
-import { ActivityStep, ActivityType } from '@/interfaces/interactionProcess';
+import {
+  ActivityStatus,
+  ActivityStep,
+  ActivityType,
+} from '@/interfaces/interactionProcess';
 
 import useStepTimer from '../common/stepTimer/useStepTimer';
+import { useActivityContext } from '../context/ActivityContext';
 import CommandButton from './CommandButton';
 import WarningNextStepDialog from './WarningNextStepDialog';
 import WarningPreviousStepDialog from './WarningPreviousStepDialog';
@@ -42,6 +47,9 @@ const StepsButton: FC<StepsButtonProps> = ({ enable }) => {
     moveToNextStep,
   } = useSteps();
 
+  const { activityState } = useActivityContext();
+  const { status } = activityState.data;
+
   const stepHasTimeout = useStepTimer();
   // const promise = useRef<Promise<void>>();
 
@@ -53,13 +61,19 @@ const StepsButton: FC<StepsButtonProps> = ({ enable }) => {
   }, [nbrOfSteps, stepIndex]);
 
   const disablePreviousStep = useMemo(
-    () => typeof previousStep === 'undefined' || isChangingStep,
-    [isChangingStep, previousStep],
+    () =>
+      typeof previousStep === 'undefined' ||
+      isChangingStep ||
+      status !== ActivityStatus.Play,
+    [isChangingStep, previousStep, status],
   );
 
   const disableNextStep = useMemo(
-    () => typeof nextStep === 'undefined' || isChangingStep,
-    [isChangingStep, nextStep],
+    () =>
+      typeof nextStep === 'undefined' ||
+      isChangingStep ||
+      status !== ActivityStatus.Play,
+    [isChangingStep, nextStep, status],
   );
 
   const nextStepColor = useMemo(() => {