feat: start work on display

src/data-workspace/data-workspace.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react'
 import { useWorkflowContext } from '../workflow-context/index.js'
 import { Navigation } from './navigation.js'
 import { TitleBar } from './title-bar.js'
+import { Display } from './display.js'
 
 const DataWorkspace = () => {
     const workflow = useWorkflowContext()
@@ -21,6 +22,10 @@ const DataWorkspace = () => {
                 selected={selectedDataSet}
                 onChange={setSelectedDataSet}
             />
+            <Display
+                workflowName={workflow.displayName}
+                dataSetId={selectedDataSet}
+            />
         </>
     )
 }

src/data-workspace/display.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import i18n from '@dhis2/d2-i18n'
+import PropTypes from 'prop-types'
+import { Card } from '@dhis2/ui'
+
+const Display = ({ workflowName, dataSetId }) => {
+    if (true || !dataSetId) {
+        return (
+            <Card>
+                <h2>{i18n.t('Choose a data set to review')}</h2>
+                <p>{i18n.t('{{- workflowName}} has multiple data sets. Choose a data set from the tabs above.', { workflowName })}</p>
+            </Card>
+        )
+    }
+
+    return null
+}
+
+Display.propTypes = {
+    workflowName: PropTypes.string.isRequired,
+    dataSetId: PropTypes.string,
+}
+
+export { Display }