questionnaire for callins and uploads

pages/myportal/representation.js

@@ -1,6 +1,6 @@
 import useTranslation from "next-translate/useTranslation";
 import Head from "next/head";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 import { getSession, useSession } from "next-auth/react";
 import { useRouter } from "next/router";
@@ -60,6 +60,8 @@ const RepresentationF = (props) => {
 
     const dispatch = useDispatch();
 
+    const [showQuestionnaireSection, setShowQuestionnaireSection] = useState(1);
+
     // useEffect(() => {
     //     const updateAccountStore = async () => {
     //         const thisSession = await getSession();
@@ -158,7 +160,14 @@ const RepresentationF = (props) => {
                 <CookieBanner />
                 <Header />
                 <div className="govuk-width-container">
-                    <Breadcrumbs slug={appealtypes} props={props} />
+                    <Breadcrumbs
+                        slug={appealtypes}
+                        props={props}
+                        setShowQuestionnaireSection={
+                            setShowQuestionnaireSection
+                        }
+                        showQuestionnaireSection={showQuestionnaireSection}
+                    />
                     <ServiceBanner props={props} />
                     <Case
                         myCases={props.myCases.myCases}
@@ -189,6 +198,10 @@ const RepresentationF = (props) => {
                             props.searchResultsObj.representationsObj
                         }
                         props={props}
+                        setShowQuestionnaireSection={
+                            setShowQuestionnaireSection
+                        }
+                        showQuestionnaireSection={showQuestionnaireSection}
                     />
                 </div>
                 <Footer footerLinks={footerLinks} ticketnumber={props} />
@@ -251,7 +264,7 @@ export const getServerSideProps = wrapper.getServerSideProps(
                 ? true
                 : false;
 
-        isLPA && store.dispatch(setRepresentationCapacity("lpa"));
+        //isLPA && store.dispatch(setRepresentationCapacity("lpa"));
 
         if (query.hasOwnProperty("state")) {
             console.log("is lpa?:", isLPA);