add methods and store for case reference

pages/newappeal/[appealtypes].js

@@ -19,6 +19,7 @@ import {
     setAppealTypeTitle,
     setAppealTypeID,
     getAppealTypeObj,
+    setCaseReference,
 } from "../../store/appealType/action";
 import { setForm, getFormObj } from "../../store/formData/action";
 import { getFormData, getAppealsTypes } from "../../actions";
@@ -31,10 +32,6 @@ import BuildCheckSection from "../../components/newappeal/buildchecksection";
 import CompleteAppeal from "../../components/newappeal/complete";
 
 let Home = (props) => {
-    useEffect(() => {
-        props.setFormTitle(formTitle);
-    }, []);
-
     const { footerLinks, pages, formData } = props;
     let { t, lang } = useTranslation();
 
@@ -42,6 +39,10 @@ let Home = (props) => {
     const { locale } = router;
     const { appealtypes } = router.query;
 
+    useEffect(() => {
+        props.setFormTitle(formTitle);
+        props.setCaseReference(router.query.refno);
+    }, []);
     const formXML = props.formData.formData;
     const parser = new DOMParser();
     var doc = parser.parseFromString(formXML, "text/xml");
@@ -171,6 +172,9 @@ const mapDispatchToProps = (dispatch) => {
         setFormTitle: (title) => {
             dispatch(setAppealTypeTitle(title));
         },
+        setCaseReference: (refno) => {
+            dispatch(setCaseReference(refno));
+        },
     };
 };