import React, { useState } from 'react';
// import { useDispatch, useSelector } from 'react-redux';
// import { getContent } from '@plone/volto/actions';
import spinner from '@eeacms/volto-cca-policy/../theme//assets/images/spinner.svg';
import './styles.less';
if (__CLIENT__) {
window.cds_toolbox = {
cds_public_path: 'https://cds.climate.copernicus.eu/toolbox/',
};
}
// function useIndicator(path) {
// const dispatch = useDispatch();
//
// React.useEffect(() => {
// const action = getContent(path, null, 'fetch_indicator', null, false);
// dispatch(action);
// }, [dispatch, path]);
//
// return useSelector(
// (state) => state.content.subrequests.fetch_indicator?.data,
// );
// }
const createIframe = (details_url, selected_region, spinner_url) => {
let selected_app;
// selected_region = 'Bayern';
selected_app = details_url
.split('https://cds.climate.copernicus.eu/workflows/c3s/')[1]
.split('/')[0];
// console.log('selected app: ', selected_app);
//
// console.log('region: ', selected_region);
return `
`;
};
export default function ECDEIndicator(props) {
const { selectedRegion } = props;
// const { indicatorUrl, selectedRegion } = props;
const [spinnerUrl, setSpinnerUrl] = useState(null);
// const indicator = useIndicator(indicatorUrl);
// console.log('real indicator url', indicator?.details_app_toolbox_url);
// const details_url = indicator?.details_app_toolbox_url;
// Hardcoded, to be replaced;
const details_url =
'https://cds.climate.copernicus.eu/workflows/c3s/ecde-app-growing-degree-days/master/configuration.json';
React.useEffect(() => {
setSpinnerUrl(spinner);
}, []);
return (
<>
{details_url ? (
) : null}
);
}