lab 8 done

labs/lab8/src/testing/features/Matching.tsx

@@ -3,7 +3,7 @@ import type {tTasks} from "../quizData"
 import SortableList from '../features/SortableList';
 import { useEffect } from 'react';
 import { useDispatch } from 'react-redux';
-import { addList } from './quizSlice';
+import { addList,mixUp } from './quizSlice';
 interface ComponentProps {
     tasks: tTasks;
     index: number;
@@ -17,6 +17,11 @@ function Matching({tasks,index}: ComponentProps) {
      dispatch(addList({ index, items: answers }));
   }, []);
 
+  useEffect(() => {
+     dispatch(mixUp());
+  }, []);
+  
+
   const answers: string[] = tasks.map((item) => item.answer);
   return (
     <Grid container spacing={2}>