@@ -50,6 +52,9 @@ function Page() {
+
);
}
diff --git a/src/components/data/discovery/AEMODiscoveryInfo.js b/src/components/data/discovery/AEMODiscoveryInfo.js
new file mode 100644
index 0000000..2717e25
--- /dev/null
+++ b/src/components/data/discovery/AEMODiscoveryInfo.js
@@ -0,0 +1,100 @@
+import React from 'react'
+import Accordion from '@material-ui/core/Accordion'
+import AccordionSummary from '@material-ui/core/AccordionSummary'
+import AccordionActions from '@material-ui/core/AccordionActions'
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore'
+import SubjectIcon from '@material-ui/icons/Subject'
+import Typography from '@material-ui/core/Typography'
+import Divider from '@material-ui/core/Divider'
+import RefreshIcon from '@material-ui/icons/Refresh'
+import Fab from '@material-ui/core/Fab'
+import Tooltip from '@material-ui/core/Tooltip'
+import { makeStyles } from '@material-ui/core/styles'
+import { fade } from '@material-ui/core/styles/colorManipulator'
+import StatusOutages from './StatusOutages'
+import { connect } from 'react-redux'
+import { retrieveStatus, retrieveOutages } from '../../../store/aemo_discovery'
+
+const useStyles = makeStyles(theme => ({
+ container: {
+ marginLeft: theme.typography.pxToRem(20),
+ marginRight: theme.typography.pxToRem(20)
+ },
+ panel: {
+ backgroundColor: fade('#fff', 0.9)
+ },
+ heading: {
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ fontSize: theme.typography.pxToRem(20),
+ },
+ details: {
+ maxWidth:'95%',
+ marginLeft: 'auto',
+ marginRight: 'auto',
+ marginBottom: 20
+ }
+}))
+
+const AEMODiscoveryInfo = (props) => {
+
+ const classes = useStyles()
+ const [expanded, setExpanded] = React.useState(true)
+ const {statusDetails, outagesDetails} = props.data
+
+ const toggleExpansion = (event, newExpanded) => {
+ setExpanded(newExpanded)
+ }
+
+ const refreshStatusOutages = () => {
+ props.retrieveStatus()
+ props.retrieveOutages()
+ }
+
+ React.useEffect(() => {
+ refreshStatusOutages()
+ // eslint-disable-next-line
+ }, [])
+
+ return (
+
+ }
+ aria-controls='panel1c-content'
+ >
+
+ Status & Outages
+
+
+
+
Secondary Data Holders provide data to Data Holders via CDR requests, who in turn provide the data to ADRs. Such data is called Shared Responsibility Data (SR data).
+
Currently, only the energy sector has a designated secondary data holder: AEMO. This page lists the status and outages for AEMO.
+
+
+
+
+ )
+}
+
+const mapStateToProps = state => ({
+ data: state.aemoDiscovery
+})
+
+const mapDispatchToProps = {
+ retrieveStatus,
+ retrieveOutages
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(AEMODiscoveryInfo)
\ No newline at end of file
diff --git a/src/components/data/discovery/DiscoveryInfo.js b/src/components/data/discovery/DiscoveryInfo.js
index 55369b5..3651193 100644
--- a/src/components/data/discovery/DiscoveryInfo.js
+++ b/src/components/data/discovery/DiscoveryInfo.js
@@ -49,6 +49,11 @@ const DiscoveryInfo = (props) => {
setExpanded(newExpanded)
}
+ React.useEffect(() => {
+ refreshStatusOutages()
+ // eslint-disable-next-line
+ }, [props.dataSources])
+
const getWidth = (dataSourceCount, min) => {
return Math.max(12 / dataSourceCount, min)
}
@@ -78,8 +83,13 @@ const DiscoveryInfo = (props) => {
{
savedDataSourcesCount > 0 &&
- {dataSources.map((dataSource, index) => (
- !dataSource.unsaved && dataSource.enabled && !dataSource.deleted &&
+ {dataSources.map((dataSource, index) => {
+ const data = props.data[index]
+ if (!data) {
+ return false
+ }
+ const {statusDetails, outagesDetails} = data
+ return (!dataSource.unsaved && dataSource.enabled && !dataSource.deleted &&
{
xl={getWidth(savedDataSourcesCount, 3)}
>
{!!dataSource.icon &&
}
{dataSource.name}
}
+