Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

task/WG-232-React-Listing-UI #268

Merged
merged 24 commits into from
Nov 15, 2024
Merged

Conversation

sophia-massie
Copy link
Contributor

@sophia-massie sophia-massie commented Oct 3, 2024

Overview:

PR Status:

  • Ready.
  • Work in Progress.
  • Hold.

Related Jira tickets:

Summary of Changes:

Uses styles from Hazmapper angular to create Project Listing and cleans up the main project listing page

Testing Steps:

  1. Run nvm use 20 and npm ci
  2. Run react front end and go to http://localhost:4200/. Check the UI so that it matches the Jira expectations

UI Photos:

Screenshot 2024-11-14 at 2 47 55 PM

Error message:
Screenshot 2024-11-14 at 2 48 23 PM

No projects message:
Screenshot 2024-11-14 at 2 48 55 PM

Notes:

- Brings over EmptyTablePlaceholder from TUP UI
that CMD collaborated with us on
type 'NonNullable<ReactNodeLike>' error in unit test
@sophia-massie sophia-massie changed the title task/WG-232-React-Listing-UI-clean task/WG-232-React-Listing-UI Oct 4, 2024
Copy link
Collaborator

@nathanfranklin nathanfranklin left a comment

Choose a reason for hiding this comment

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

Awesome 👍 left some comments.

react/package.json Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/hazmapper.css Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
react/src/components/Projects/ProjectListing.tsx Outdated Show resolved Hide resolved
nathanfranklin pushed a commit that referenced this pull request Oct 23, 2024
@sophia-massie
Copy link
Contributor Author

Ready for another review

nathanfranklin added a commit that referenced this pull request Nov 11, 2024
* Add initial feature file tree

* Additional work on assets list

* Add sorting

* Improve doc

* Improve styling and fix nodes of tree

* Add todo

* Refactor and add test

* Refactor into new files

* Move FeatureFileNode into types

* Use font awesome for folder icon

* Fix spelling error

* Rework importing

* Expand rows

* Set witch of panel as 230px

* Remove todos

* Ensure nodes are expanded at start

* Fix selection/hover and height of rows

* Fix expanding rows on refresh

* Add selected feature to route and fix row spacing

* Add useDelete

From #268

* Add functionality for feature deletion

* Refactor MapProject

* Fix todos

* Add isLoading to button

* Allow user to export feature geojson to file

* Add feature icon in asset listing

* Refactor types related to feature icon

* Add missing useDeleteFeature

* Add unit testing of getFeatureType

* Fix linting

* Add AssetsPanel test

* Add FeatureFileTree unit test

* Bump testing-library/react to get rid of act warnings

* Removed unused

* Add antd

* Switch to antd tree instead of react-table

* Fix accessibility-related warnings and fix unit tests

* Adjust width and overflow

* Fix height issues

* Improve navbar

* Remove deprecated typs/antd.

Types are included already with antd

* Limit getting features to a single time

* Fix scaling of panel container

* Rework tree to deal with virtual rendering issues

4px bottom butter was being added to each node
which caused an issue in calculating how much vertical
space was needed to render nodes.

* Make nav bar scrolling when y overflows

* Make contents of project view take up space below nav/control bar

* Removed unneeded config and styles

* Move hazmapper globals to hazmapper.css

* Add missing file

* Update act import

* Fix bad merge

---------

Co-authored-by: Author: sophia-massie <[email protected]>
Copy link
Collaborator

@nathanfranklin nathanfranklin left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@sophia-massie sophia-massie merged commit 36955a8 into main Nov 15, 2024
5 checks passed
@sophia-massie sophia-massie deleted the task/WG-232-React-Listing-UI-clean branch November 15, 2024 16:51
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