A simple project using the react starter app, the @ndustrial/nd-react-common library and the @ndustrial/contxt-sdk
Run npm install
to install all dependencies.
Run npm start
and view the app at http://localhost:5000
.
- Using the
@ndustrial/nd-react-common
library and the@ndustrial/contxt-sdk
, add a<List/>
component to the homepage that displays a list of available facilities returned from the SDK.
Required props for a <List/>
is a data
array
data: [{
id: String
label: String
value: String
}]
- Grab the organizations out of the facilities returned from the SDK
- Using the
@ndustrial/nd-react-common
library and the@ndustrial/contxt-sdk
, add a<Dropdown/>
component to the homepage that displays a list of available organizations.
Required props for a <Dropdown/>
is a data
array. You can also pass a callback
function.
data: [{
id: String
label: String
value: String
}]
- Ensure that the organizations are unique. We don't need the same organizations listed multiple times.
- When a user changes the selected organization from the dropdown, the facility list should update to only show the facilities inside of that organization
- Submit a PR for the team to review when complete