feat: FIT-207: Fix text and layout data of import page #7704
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Refactored the tips section. Moved footer text to the tips section.
✅ Deploy Preview for heartex-docs canceled.
|
✅ Deploy Preview for label-studio-storybook ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for label-studio-docs-new-theme canceled.
|
✅ Deploy Preview for label-studio-playground ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Proposed text changes
… voice. Adds info icon with tooltip for Video.
…er styles to match the JSON preview.
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR enhances the Data Import page by updating texts, layouts, and UI components to improve user guidance on file formats and the import process.
- Updated styling for error messages and dropzone with improved spacing, transitions, and visual emphasis.
- Revised supported file types and reorganized file format information, including updated tooltips for video formats.
- Refactored components including removal of the legacy footer and updates to the JSON input preview.
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| web/apps/labelstudio/src/pages/CreateProject/Import/Import.scss | Updated SCSS styling for error messaging, dropzone layout, and file status. |
| web/apps/labelstudio/src/pages/CreateProject/Import/Import.jsx | UI refactoring, updated supported file extensions, and improved tooltip and JSON preview behavior. |
Comments suppressed due to low confidence (1)
web/apps/labelstudio/src/pages/CreateProject/Import/Import.scss:205
- [nitpick] Verify that the asymmetric inset values align with the intended design across different screen sizes; consider using consistent spacing variables if possible.
inset: 16px 48px 48px;
yyassi-heartex
approved these changes
Jun 12, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Reason for change
This pull request aims to enhance the "Data Import" page by updating its text and layout. The primary goals are to improve user experience, provide clearer guidance on file formats and import processes, and expand support for various data types.
Key changes include:
JSONLandParquet(highlighting LSE-only for Parquet).Screenshots
Before:
FF OFF
FF ON
After:
FF OFF
https://www.loom.com/share/e9f01bee217940159353b5ce1e54462c?sid=fe42051d-cd1c-4258-ba27-2fd2ca561f5e
FF ON
https://www.loom.com/share/b41db3943a324b44a2d5a4847b1aaf2a?sid=e1409d5d-4c92-436e-ac65-0335fd9e7944
Reviewer notes
web/apps/labelstudio/src/pages/CreateProject/Import/Import.jsxwhich include UI updates, refactoring of the input preview, and consolidation of footer content.