build fix

components/case/documents.js

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 import jsonpath from "jsonpath";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useCallback } from "react";
 import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
 import transLookup from "../../data/lookuptranslations.json";
 import PaginationControl from "./pagination";
@@ -289,9 +289,11 @@ const DocumentDetails = (props) => {
         selectedOption,
         fieldSortState,
         orderByState,
+        getDocumentResults,
     ]);
 
-    const getDocumentResults = (pageNumber, orderBy, fieldSort) => {
+    const getDocumentResults = useCallback(
+        (pageNumber, orderBy, fieldSort) => {
             getSearchDocumentDetailsPaged(
                 props.incidentid,
                 pageNumber,
@@ -305,7 +307,9 @@ const DocumentDetails = (props) => {
                     setDocumentDetails(data);
                     setShowSpinnerState(false);
                 });
-    };
+        },
+        [props.incidentid, selectedOption, setDocumentDetails]
+    );
 
     const getDocumentDetails = async () => {
         let docObj = await getSearchDocumentDetailsPaged(

components/elements/index.js

@@ -73,10 +73,9 @@ export function Textfield(props) {
         hint,
     } = props;
     const required = (value) => (value ? undefined : "Required");
-
-    if (name == "pinswg_name") {
     let { t } = useTranslation();
 
+    if (name == "pinswg_name") {
         return (
             <>
                 <div className="govuk-form-group">
@@ -676,7 +675,7 @@ const RenderRadio = ({
                     >
                         {" "}
                         {custom.hint != false && (
-                            <div class="govuk-hint">{t(custom.hint)}</div>
+                            <div className="govuk-hint">{t(custom.hint)}</div>
                         )}
                         {Object.keys(options).map((key, index) => (
                             <div

components/newappeal/aboutyou.js

@@ -180,13 +180,13 @@ let AboutYou = (props) => {
                 label={t("newappeal:about-you-on-behalf-label")}
             />
             <div className="govuk-form-group">
-                <details class="govuk-details" data-module="govuk-details">
+                <details className="govuk-details" data-module="govuk-details">
-                    <summary class="govuk-details__summary">
+                    <summary className="govuk-details__summary">
-                        <span class="govuk-details__summary-text">
+                        <span className="govuk-details__summary-text">
                             Who can appeal?
                         </span>
                     </summary>
-                    <div class="govuk-details__text">
+                    <div className="govuk-details__text">
                         Only those named as an applicant on the original
                         application form can submit an appeal. if you are
                         submitting an appeal on behalf of a company state the

components/newappeal/buildsection.js

@@ -267,7 +267,9 @@ let BuildSection = (props) => {
                                     <ol className="govuk-list govuk-list--bullet">
                                         {Object.entries(documentListObj).map(
                                             ([key, value]) => {
-                                                return <li>{value}</li>;
+                                                return (
+                                                    <li key={key}>{value}</li>
+                                                );
                                             }
                                         )}
                                     </ol>

components/search/dnssearchresults.js

@@ -6,7 +6,7 @@ import jsonpath from "jsonpath";
 import _ from "lodash";
 import transLookup from "../../data/lookuptranslations.json";
 import PaginationControl from "./pagination";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import LoadingOverlay from "react-loading-overlay";
 import {
     getBasicDNSSearchPaged,
@@ -334,10 +334,16 @@ const DNSSearchResults = (props) => {
               )
             : pagesCount;
 
-    const getSearchPageResults = (pageNumber, orderBy, fieldSort) => {
+    const getSearchPageResults = useCallback(
+        (pageNumber, orderBy, fieldSort) => {
             //console.log(advancedSearch, searchString, pageNumber);
 
-        getBasicDNSSearchPaged(pageNumber, orderBy, fieldSort, selectedOption)
+            getBasicDNSSearchPaged(
+                pageNumber,
+                orderBy,
+                fieldSort,
+                selectedOption
+            )
                 .then((data) => {
                     return data;
                 })
@@ -348,7 +354,9 @@ const DNSSearchResults = (props) => {
                         setShowSpinnerState(false);
                     });
                 });
-    };
+        },
+        [selectedOption, setSearchDetails, setSearchResults]
+    );
 
     const sortDataBy = (whichField) => {
         setOrderbyState(whichField);
@@ -373,7 +381,13 @@ const DNSSearchResults = (props) => {
         } else {
             setSearchLoaded(true);
         }
-    }, [selectedOption, fieldSortState, orderByState, searchLoaded]);
+    }, [
+        selectedOption,
+        fieldSortState,
+        orderByState,
+        searchLoaded,
+        getSearchPageResults,
+    ]);
     return (
         <>
             <div className="govuk-grid-row">

components/search/searchresults.js

@@ -17,7 +17,7 @@ import {
     getAdvancedSearchPaged,
 } from "../../actions";
 import data from "../../data/collections.json";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import LoadingOverlay from "react-loading-overlay";
 
 import {
@@ -549,7 +549,8 @@ const SearchResults = (props) => {
               )
             : pagesCount;
 
-    const getSearchPageResults = (pageNumber, orderBy, fieldSort) => {
+    const getSearchPageResults = useCallback(
+        (pageNumber, orderBy, fieldSort) => {
             //console.log(advancedSearch, searchString, pageNumber);
 
             if (advancedSearch) {
@@ -591,7 +592,15 @@ const SearchResults = (props) => {
                         });
                     });
             }
-    };
+        },
+        [
+            advancedSearch,
+            searchString,
+            selectedOption,
+            setSearchDetails,
+            setSearchResults,
+        ]
+    );
 
     const sortDataBy = (whichField) => {
         setOrderbyState(whichField);
@@ -616,7 +625,13 @@ const SearchResults = (props) => {
         } else {
             setSearchLoaded(true);
         }
-    }, [selectedOption, fieldSortState, orderByState, searchLoaded]);
+    }, [
+        selectedOption,
+        fieldSortState,
+        orderByState,
+        searchLoaded,
+        getSearchPageResults,
+    ]);
     // console.log(
     //     "page is here ",
     //     currentPage,