awaiting submissions from storage acc

2022-09-05 16:46:30 +01:00
parent b0dde836b0
commit c66883b4c5
25 changed files with 653 additions and 69 deletions
@@ -0,0 +1,105 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import useTranslation from "next-translate/useTranslation";
+import TopThree from "./topthree";
+import { connect } from "react-redux";
+import { setCurrentView } from "../../store/currentView/action";
+
+const AwaitingSubmissionFromBlob = (props) => {
+    let { t } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+    const { setCurrentView } = props;
+
+    let topthreeRow = [];
+    let showTopThreeArr = props.awaitingSubmissionFromBlob.value;
+
+    let topThreeOnlyArr = showTopThreeArr;
+    Object.keys(topThreeOnlyArr).map((key, index) => {
+        topthreeRow.push(
+            <div className="cardModuleItem" key={index}>
+                <div className="cardModuleDetails">
+                    <div className="cardModuleReference">
+                        <b>{t("myportal:case-reference")}:</b>
+                        {showTopThreeArr[index].pinswg_name}
+                    </div>
+
+                    <div className="carModuleAddress">
+                        <b>{t("myportal:case-address")}:</b>{" "}
+                        {_.isEmpty(showTopThreeArr)
+                            ? t("myportal:case-address-not-entered")
+                            : _.isEmpty(showTopThreeArr[index])
+                            ? t("myportal:case-address-not-entered")
+                            : _.isEmpty(showTopThreeArr[index])
+                            ? t("myportal:case-address-not-entered")
+                            : _.isEmpty(
+                                  showTopThreeArr[index].pinswg_siteaddressline1
+                              )
+                            ? t("myportal:case-address-not-entered")
+                            : showTopThreeArr[index].pinswg_siteaddressline1 +
+                              (!_.isEmpty(
+                                  showTopThreeArr[index].pinswg_siteaddressline2
+                              )
+                                  ? ", " +
+                                    showTopThreeArr[index]
+                                        .pinswg_siteaddressline2
+                                  : "") +
+                              (!_.isEmpty(
+                                  showTopThreeArr[index].pinswg_siteaddresstown
+                              )
+                                  ? ", " +
+                                    showTopThreeArr[index]
+                                        .pinswg_siteaddresstown
+                                  : "")}
+                    </div>
+                </div>
+            </div>
+        );
+    });
+
+    return (
+        <div className="card" id="casescomment-card">
+            <div className="card-body">
+                <h3 className="heading-small card-heading">
+                    {t("myportal:awatitingsubmission-card-title")}
+                </h3>
+                <div className="cardModuleContainer">
+                    {topthreeRow}
+                    {/* <TopThree
+                        showTopThree={props.awaitingSubmissionFromBlob}
+                        showDetails={props.awaitingSubmissionFromBlob}
+                        topThreeType={"awaitingSubmissionFromBlob"}
+                    /> */}
+                </div>
+                {props.awaitingSubmissionFromBlob["@odata.count"] > 3 && (
+                    <div className="cardVieAll">
+                        <Link href="/myportal/viewall">
+                            <a
+                                className="govuk-link--no-underline"
+                                onClick={() => {
+                                    setCurrentView({
+                                        "viewName": "Awaiting Submission",
+                                        "viewKey": "awaitingSubmission",
+                                    });
+                                }}
+                            >
+                                {t("myportal:viewall-link")}
+                            </a>
+                        </Link>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+};
+
+const mapDispatchToProps = (dispatch) => {
+    return {
+        setCurrentView: (currentView) => {
+            dispatch(setCurrentView(currentView));
+        },
+    };
+};
+
+export default connect(null, mapDispatchToProps)(AwaitingSubmissionFromBlob);
@@ -142,7 +142,8 @@ const TopThree = (props) => {
                        <b>{t("myportal:case-reference")}:</b>
                        <Link
                            href={
-                                topThreeType == "awaitingSubmission"
+                                topThreeType == "awaitingSubmission" ||
+                                topThreeType == "awaitingSubmissionFromBlob"
                                    ? router.locale == "cy"
                                        ? "/fymhorth/parhauigyflwyno"
                                        : "/myportal" +