@nnc-digital/nnc-design-system 0.4.14 → 0.4.15

package/build/index.js

@@ -4329,6 +4329,7 @@ var BinCollection = function (_a) {
     var _f = React.useState(''), errorText = _f[0], setErrorText = _f[1];
     var _g = React.useState([]), addressOptions = _g[0], setAddressOptions = _g[1];
     var seenTitles = React.useRef(new Set());
+    var _h = React.useState(false), noResultsFound = _h[0], setNoResultsFound = _h[1];
     var handleSubmit = function (e) {
         e.preventDefault();
         var enteredPostcode = e.target.elements.postcode.value;
@@ -4397,7 +4398,7 @@ var BinCollection = function (_a) {
             return acc;
         }, {});
     };
-    var _h = React.useState({}), calendarEvents = _h[0], setCalendarEvents = _h[1];
+    var _j = React.useState({}), calendarEvents = _j[0], setCalendarEvents = _j[1];
     /**
      * Returns an array of calendar events based on selected address for next 42 days.
      */
@@ -4410,6 +4411,12 @@ var BinCollection = function (_a) {
             axios__default["default"].get("".concat(CalendarEventsApiUrl).concat(selectedUPRN, "/").concat(startDate, "/").concat(endDate))
                 .then(function (response) {
                 var groupedData = groupByTitle(response.data);
+                if (Object.keys(groupedData).length === 0) {
+                    setNoResultsFound(true);
+                }
+                else {
+                    setNoResultsFound(false);
+                }
                 setCalendarEvents(groupedData);
             })
                 .catch(function (error) {
@@ -4423,6 +4430,7 @@ var BinCollection = function (_a) {
         setError(false);
         setErrorText('');
         seenTitles.current.clear();
+        setNoResultsFound(false);
     };
     var formatTitle = function (apiTitle) {
         var mappings = [
@@ -4453,6 +4461,7 @@ var BinCollection = function (_a) {
                         React__default["default"].createElement(FormButton, { size: "large", type: "submit", "aria-label": "Submit", text: "Find" }))))),
         addressOptions.length > 0 && (React__default["default"].createElement(DropDownSelectContainer, null,
             React__default["default"].createElement(DropDownSelect, { onChange: handleAddressChange, id: "address", label: "Select your address", options: __spreadArray([{ title: 'Select an address', value: '' }], addressOptions, true) }))),
+        noResultsFound && React__default["default"].createElement("p", null, "No results found."),
         React__default["default"].createElement("div", null, Object.entries(calendarEvents).map(function (_a) {
             var apiTitle = _a[0], dates = _a[1];
             var title = formatTitle(apiTitle);