condtional display of blocks

components/homepage/login.js

@@ -165,7 +165,6 @@ let Login = (props) => {
                   router.replace({
                       pathname:
                           router.locale == "cy" ? "/fymhorth" : "/myportal",
-                      shallow: true,
                   }))
                 : //setShowSpinnerState(false),
                   setValidLoginID(false);

components/myportal.js

@@ -89,8 +89,18 @@ const MyPortal = (props) => {
                             alt={router.locale == "cy" ? "Defnyddiwr" : "User"}
                         />{" "}
                         <div className="serviceBanner_userDetails_name">
-                            {props.accountDetails.accountDetails.firstname}{" "}
+                            <Link href="/account/personaldetails">
-                            {props.accountDetails.accountDetails.lastname}
+                                <a className="govuk-button-secondary">
+                                    {
+                                        props.accountDetails.accountDetails
+                                            .firstname
+                                    }{" "}
+                                    {
+                                        props.accountDetails.accountDetails
+                                            .lastname
+                                    }
+                                </a>
+                            </Link>
                         </div>
                         <div>
                             <Link
@@ -117,16 +127,33 @@ const MyPortal = (props) => {
                         <div className="flex-container grid-row govuk-body ">
                             <MakeNewAppeal />
                             <SearchCases />
+                            {props.awaitingSubmission.awaitingSubmission[
+                                "@odata.count"
+                            ] > 0 && (
                                 <AwaitingSubmission
-                                awaitingSubmission={props.awaitingSubmission}
+                                    awaitingSubmission={
+                                        props.awaitingSubmission
+                                    }
                                 />
+                            )}
+                            {props.myCases.myCases["@odata.count"] > 0 && (
                                 <MyCases myCases={props.myCases} />
-                            <WatchedCases watchedCases={props.watchedCases} />
+                            )}
+                            {props.watchedCases.watchedCases["@odata.count"] >
+                                0 && (
+                                <WatchedCases
+                                    watchedCases={props.watchedCases}
+                                />
+                            )}
+                            {props.myRepresentations.myRepresentations[
+                                "@odata.count"
+                            ] > 0 && (
                                 <MyRepresentations
                                     myRepresentations={props.myRepresentations}
                                 />
+                            )}
                             <Dns />
-                            <YourAccount />
+                            {/* <YourAccount /> */}
                             {showFileUpload == "true" && <UploadFile />}
                         </div>
                     </div>

components/myportal/mycases.js

@@ -24,9 +24,9 @@ const MyCases = (props) => {
                         topThreeType={"myCases"}
                     />
                 </div>
-                {props.myCases.myCases["@odata.count"] != 0 && (
+                {props.myCases.myCases["@odata.count"] > 3 && (
                     <div className="cardVieAll">
-                        <Link href="/myportal/viewall" shallow>
+                        <Link href="/myportal/viewall">
                             <a
                                 className="govuk-link--no-underline"
                                 onClick={() => {

components/myportal/myrepresentations.js

@@ -21,12 +21,15 @@ const MyRepresentations = (props) => {
                 <div className="cardModuleContainer">
                     <TopThree
                         showTopThree={props.myRepresentations.myRepresentations}
+                        showDetails={
+                            props.myRepresentations.myRepresentationsDetails
+                        }
                         topThreeType={"myRepresentations"}
                     />
                 </div>
 
-                {props.myRepresentations.myRepresentations["@odata.count"] !=
+                {props.myRepresentations.myRepresentations["@odata.count"] >
-                    0 && (
+                    3 && (
                     <div className="cardVieAll">
                         <Link href="/myportal/viewall" shallow>
                             <a

components/myportal/topthree.js

@@ -228,7 +228,7 @@ const TopThree = (props) => {
                             }
                         </div>
                     )}
-                    {topThreeType != "awaitingSubmission" ? (
+                    {/* {topThreeType != "awaitingSubmission" ? ( */}
                     <div className="carModuleAddress">
                         <b>{t("myportal:case-address")}:</b>{" "}
                         {_.isEmpty(showDetails)
@@ -243,11 +243,25 @@ const TopThree = (props) => {
                               )
                             ? t("myportal:case-address-not-entered")
                             : showDetails[index].value[0]
-                                      .pinswg_siteaddressline1}
+                                  .pinswg_siteaddressline1 +
+                              (!_.isEmpty(
+                                  showDetails[index].value[0]
+                                      .pinswg_siteaddressline2
+                              )
+                                  ? ", " +
+                                    showDetails[index].value[0]
+                                        .pinswg_siteaddressline2
+                                  : "") +
+                              (!_.isEmpty(
+                                  showDetails[index].value[0]
+                                      .pinswg_siteaddresstown
+                              )
+                                  ? ", " +
+                                    showDetails[index].value[0]
+                                        .pinswg_siteaddresstown
+                                  : "")}
                     </div>
-                    ) : (
+
-                        ""
-                    )}
                     {router.locale == "cy"
                         ? jsonpath.query(
                               transLookup,

components/myportal/watchedcases.js

@@ -21,11 +21,12 @@ const WatchedCases = (props) => {
                 <div className="cardModuleContainer">
                     <TopThree
                         showTopThree={props.watchedCases.watchedCases}
+                        showDetails={props.watchedCases.watchedCasesDetails}
                         topThreeType={"watchedCases"}
                     />
                 </div>
 
-                {props.watchedCases.watchedCases["@odata.count"] != 0 && (
+                {props.watchedCases.watchedCases["@odata.count"] > 3 && (
                     <div className="cardVieAll">
                         <Link href="/myportal/viewall" shallow>
                             <a