awslabs / iot-app-kit

A development library for creating web applications to visualize industrial data
Apache License 2.0
119 stars 61 forks source link

feat(scene): alphabetize camera drop down #2965

Closed haweston closed 3 months ago

haweston commented 3 months ago

Overview

Scenes with lots of cameras can be hard to navigate the camera selector drop down as the order of camera is not obvious to the user.

To make it easier to reliably find cameras and maintain the camera list it will now list the camera in alphabetical name

Verifying Changes

Added cameraSortStaticScene scene to storybook datasets to allow local testing on a static scene to verify camera's are listed correcttly.

Screen shot of Dynamic Scene without change: Screenshot 2024-09-05 at 3 39 25 PM

Screen shot of Dynamic Scene with change: Screenshot 2024-09-05 at 3 39 10 PM

Scene Composer

For scene-composer package changes specifically, you can preview the component in the published storybook artifact. To do this, wait for the Publish Storybook action to complete below.

To run the storybook build locally, you need a local static web server:

npm install -g httpserver
cd <Extracted Zip Directory>
httpserver

Then open the website http://localhost:8080 to run the doc site.

Legal

This project is available under the Apache 2.0 License.