contentoh-components-library 21.2.4 → 21.2.5

package/dist/components/atoms/MetricSelect/index.js

@@ -22,6 +22,7 @@ var MetricSelect = function MetricSelect(_ref) {
       onChange: onChange,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         value: "",
+        disabled: true,
         children: label
       }), options === null || options === void 0 ? void 0 : options.map(function (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {

package/dist/components/pages/Dashboard/index.js

@@ -117,7 +117,7 @@ var Dashboard = function Dashboard() {
 
   var getRetailers = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var retailersResponse;
+      var retailersResponse, parsed, retailers;
       return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
@@ -131,9 +131,15 @@ var Dashboard = function Dashboard() {
 
             case 2:
               retailersResponse = _context2.sent;
-              setRetailers(JSON.parse(retailersResponse.data.body).data);
+              parsed = JSON.parse(retailersResponse.data.body).data;
+              retailers = Object.keys(parsed).map(function (key) {
+                if (key.includes('The Home Depot')) return parsed[key];
+              }).filter(function (f) {
+                return f;
+              });
+              setRetailers(retailers);
 
-            case 4:
+            case 6:
             case "end":
               return _context2.stop();
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.2.4",
+  "version": "21.2.5",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/atoms/MetricSelect/index.js

@@ -10,7 +10,7 @@ export const MetricSelect = ({
   return (
     <Container className={className}>
       <select value={optionSelected} onChange={onChange}>
-        <option value="">{label}</option>
+        <option value="" disabled>{label}</option>
         {options?.map((option) => (
           <option key={option.name} value={option.id}>
             {option.name}

package/src/components/pages/Dashboard/index.js

@@ -43,7 +43,11 @@ export const Dashboard = () => {
         },
       }
     );
-    setRetailers(JSON.parse(retailersResponse.data.body).data);
+    const parsed = JSON.parse(retailersResponse.data.body).data;
+    const retailers = Object.keys(parsed).map((key) => {
+      if (key.includes('The Home Depot')) return parsed[key];
+    }).filter((f) => f);
+    setRetailers(retailers);
   };
 
   const loadProductsByStatus = async (orderByStatus) => {