67 lines
2.4 KiB
JavaScript
67 lines
2.4 KiB
JavaScript
import useTranslation from "next-translate/useTranslation";
|
|
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
import { connect } from "react-redux";
|
|
import { setCurrentView } from "../../store/currentView/action";
|
|
import TopThree from "./topthree";
|
|
|
|
const MyCases = (props) => {
|
|
let { t } = useTranslation();
|
|
|
|
const router = useRouter();
|
|
const { locale } = router;
|
|
const { setCurrentView } = props;
|
|
return (
|
|
<div className="card" id="my-cases-card">
|
|
<div className="card-body">
|
|
<h3 className="heading-small card-heading">
|
|
{t("myportal:mycases-card-title")}
|
|
</h3>
|
|
<div className="cardModuleContainer">
|
|
<TopThree
|
|
showTopThree={props.myCases.myCases}
|
|
showDetails={props.myCases.myCasesDetails}
|
|
topThreeType={"myCases"}
|
|
props={props}
|
|
/>
|
|
</div>
|
|
{props.myCases.myCases["@odata.count"] > 3 && (
|
|
<div className="cardVieAll">
|
|
<Link
|
|
href={
|
|
router.locale != "en"
|
|
? "/" +
|
|
router.locale +
|
|
"/fymhorth/gweldpopeth?key=myCases"
|
|
: "/myportal/viewall?key=myCases"
|
|
}
|
|
className="govuk-link--no-underline"
|
|
onClick={() => {
|
|
setCurrentView({
|
|
"viewName": "My Cases",
|
|
"viewKey": "myCases",
|
|
});
|
|
}}
|
|
>
|
|
{t("myportal:viewall-link")}{" "}
|
|
{props.isLPA &&
|
|
props.myCases.myCases["@odata.count"] +
|
|
" appeals"}
|
|
</Link>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
return {
|
|
setCurrentView: (currentView) => {
|
|
dispatch(setCurrentView(currentView));
|
|
},
|
|
};
|
|
};
|
|
|
|
export default connect(null, mapDispatchToProps)(MyCases);
|