Skip to content

SNT-327 data layers UI improvements - #394

Merged
Bewi merged 24 commits into
developfrom
feat/SNT-327-data-layers-ui-improvements
Sep 28, 2026
Merged

Bewi merged 24 commits into
developfrom
feat/SNT-327-data-layers-ui-improvements

Conversation

@Bewi

@Bewi Bewi commented Sep 22, 2026

Copy link
Copy Markdown
Collaborator

What problem is this PR solving?

Change flow when creating layer

Related JIRA tickets

SNT-327

Changes

Moved creation of DataLayer to a side Panel.
First choost type of data layer.
Then fill in details.
Then Load data and preview in a table.
Finally preview on a map with a legend editor.

How to test

Go to DataLayers and play around with creating layers (try three options).

Print screen / video

Basic layer

image image image image image

OH Data Layer

image image image image image image

Composite Layer

image image image

Notes

Related to IASO PR: BLSQ/iaso#3341

Doc

Tell us where the doc can be found (docs folder, wiki, in the code...).

@Bewi
Bewi requested a review from michiwend September 22, 2026 13:07
@Bewi Bewi changed the title Feat/snt 327 data layers UI improvements SNT-327 data layers UI improvements Sep 23, 2026

@michiwend michiwend left a comment •

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works pretty nicely for me, well done! I have some general findings from the testing and code comments down below:

  1. Blocking: A user can go back to change the layer type but that keeps the already entered meta data. E. g. I had an OH layer which auto fills all fields, I go back, select standard layer and then I'll have still all the values from the OH auto fill.
  2. Blocking: When importing multi-year data, proceed to the legend which imports the data, then go back to the data and delete a year, proceed again to the legend and the year is still there
  3. UI knit: Default colour for legend items is always black, can we generate different ones automatically or go straight for the auto-legend approach? At least we should change the black to something else 🫠
  4. UI knit: The legend item inputs look a bit unaligned because they keep the space for the delete action. Maybe we can show it permanently so it looks a bit more aligned?
  5. UI knit: I wonder if we can find an alternative to those blue and green status boxes for imports. To me they look a bit "out of design sytem"
  6. We mix error messages: Snack bar and custom side panel boxes. Maybe we should use the snack bar consistently?
  7. The loading/status icon for OH import layers is a bit misplaced in the main view Image

Comment thread tasks/import_openhexa_data_layer.py
Comment thread tasks/import_openhexa_data_layer.py
Comment thread js/src/domains/dataLayers/dataLayerWizard/DataLayerWizardPanel.tsx Outdated
Comment thread js/src/domains/dataLayers/dataLayerWizard/useDataLayerWizardController.ts Outdated
Comment thread js/src/domains/dataLayers/dataLayerWizard/gridCsv.ts Outdated
Comment thread js/src/domains/dataLayers/dataLayerWizard/gridCsv.ts Outdated
Comment thread js/src/domains/dataLayers/dataLayerWizard/WizardLegendPreview.tsx Outdated
@Bewi
Bewi requested a review from michiwend September 25, 2026 08:01
@Bewi
Bewi merged commit d79edd1 into develop Sep 28, 2026
11 of 12 checks passed
@Bewi
Bewi deleted the feat/SNT-327-data-layers-ui-improvements branch September 28, 2026 15:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants