add mock api calls for modules viewall component

components/myportal.js

@@ -10,7 +10,7 @@ import MyRepresentations from "./myportal/myrepresentations";
 import WatchedCases from "./myportal/watchedcases";
 import YourAccount from "./myportal/youraccount";
 
-export default function MyPortal({ children, pages }) {
+const MyPortal = (props) => {
     let { t } = useTranslation();
 
     const router = useRouter();
@@ -26,11 +26,15 @@ export default function MyPortal({ children, pages }) {
                 <div className="govuk-grid-column-full">
                     <div className="flex-container grid-row govuk-body ">
                         <MakeNewAppeal />
-                        <MyCases />
+                        <MyCases myCases={props.myCases} />
                         <SearchCases />
-                        <AwaitingSubmission />
-                        <MyRepresentations />
-                        <WatchedCases />
+                        <AwaitingSubmission
+                            awaitingSubmission={props.awaitingSubmission}
+                        />
+                        <MyRepresentations
+                            myRepresentations={props.myRepresentations}
+                        />
+                        <WatchedCases watchedCases={props.watchedCases} />
                     </div>
                     <div className="flex-container grid-row govuk-body ">
                         <YourAccount />
@@ -39,4 +43,6 @@ export default function MyPortal({ children, pages }) {
             </div>
         </main>
     );
-}
+};
+
+export default MyPortal;