fetch widget metadata from RW API

components/modals/meta/actions.js

@@ -8,13 +8,17 @@ export const setModalMetaSettings = createThunkAction('setModalMetaSettings');
 
 export const getModalMetaData = createThunkAction(
   'getModalMetaData',
-  (metaKey) => (dispatch, getState) => {
+  ({metakey, metaType}) => (dispatch, getState) => {
     const { modalMeta } = getState();
     if (modalMeta && !modalMeta.loading) {
       dispatch(setModalMetaLoading({ loading: true, error: false }));
-      getMetadata(metaKey)
+      getMetadata(metakey, metaType)
         .then((response) => {
-          dispatch(setModalMetaData(response.data));
+          if (metaType === 'widget') {
+            dispatch(setModalMetaData(response.data[0].info))
+          } else {
+            dispatch(setModalMetaData(response.data));
+          }
         })
         .catch(() => {
           dispatch(setModalMetaLoading({ loading: false, error: true }));

components/modals/meta/component.jsx

@@ -15,6 +15,7 @@ class ModalMeta extends PureComponent {
     setModalMetaClosed: PropTypes.func,
     metaData: PropTypes.object,
     getModalMetaData: PropTypes.func,
+    metaType: PropTypes.string,
     metakey: PropTypes.string,
     tableData: PropTypes.object,
     loading: PropTypes.bool,
@@ -23,16 +24,16 @@ class ModalMeta extends PureComponent {
   };
 
   componentDidMount() {
-    const { getModalMetaData, metakey } = this.props;
+    const { getModalMetaData, metakey, metaType } = this.props;
     if (metakey) {
-      getModalMetaData(metakey);
+      getModalMetaData({metakey, metaType});
     }
   }
 
   componentDidUpdate(prevProps) {
-    const { getModalMetaData, metakey, metaData } = this.props;
+    const { getModalMetaData, metakey, metaData, metaType } = this.props;
     if (metakey && metakey !== prevProps.metakey) {
-      getModalMetaData(metakey);
+      getModalMetaData({metakey, metaType});
     }
 
     if (

components/widgets/forest-change/tree-loss-primary/index.js

@@ -75,7 +75,7 @@ export default {
   pendingKeys: ['threshold', 'years'],
   refetchKeys: ['landCategory', 'threshold'],
   dataType: 'lossPrimary',
-  metaKey: 'widget_primary_forest_loss',
+  metaKey: '641b158b-f5be-40ae-9b13-8c5c35925b59',
   datasets: [
     {
       dataset: POLITICAL_BOUNDARIES_DATASET,

layouts/dashboards/component.jsx

@@ -216,7 +216,7 @@ class DashboardsPage extends PureComponent {
           <MapControls className="map-controls" />
         </Desktop>
         <Share />
-        <ModalMeta />
+        <ModalMeta metaType="widget" />
         {widgetAnchor && (
           <ScrollTo target={widgetAnchor} afterScroll={clearScrollTo} />
         )}

layouts/embed/widget/component.jsx

@@ -16,7 +16,7 @@ const WidgetEmbedPage = ({ widget, trase }) => (
   <div className={cx('l-embed-widget-page', { '-trase': trase })}>
     <Widgets className="embed-widget" embed widget={widget} />
     <Share />
-    <ModalMeta />
+    <ModalMeta metaType="widget" />
     <CountryDataProvider />
     <WhitelistsProvider />
     <GeodescriberProvider embed />

layouts/map/component.jsx

@@ -96,7 +96,7 @@ class MainMapComponent extends PureComponent {
         )}
         <RecentImagery active={recentActive} />
         <ShareModal />
-        <MetaModal />
+        <MetaModal metaType="layer" />
         <AreaOfInterestModal viewAfterSave clearAfterDelete canDelete />
         <ClimateModal />
         <FiresModal />

services/metadata.js

@@ -1,6 +1,16 @@
-import { metadataRequest } from 'utils/request';
+import { metadataRequest, rwRequest } from 'utils/request';
 
-export const getMetadata = (slug) => metadataRequest.get(slug);
+export const getMetadata = (slug, metaType) => {
+  if (metaType === 'widget') {
+    return rwRequest.get(`widget/${slug}`)
+    .then((resp) => {
+      const dataset = resp.data?.dataset;
+      return rwRequest.get(`dataset/${dataset}/widget/${slug}/metadata`)
+    })
+  }
+
+  return metadataRequest.get(slug);
+}
 
 export default {
   getMetadata,